body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

:focus {
	outline: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input, button, select, textarea {
	outline: none;
}

textarea {
	resize: none;
}/*@branch For IE6-Win, IE7-Win */input, button, textarea, select {
	*font-size: 100%;
}

ul, ol,li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}

del {
	text-decoration: line-through;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:link, :visited, ins {
	text-decoration: none;
}

article, aside, canvas, dialog, figure, footer, header, hgroup, nav, section, video {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	zoom: 1;
	cursor:default;
}
.clearfix .selected{
	border-radius:8%
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	font-size: 12px;
	line-height: 22px;
	font-family: \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53;
	cursor: default;
}

cite,i {
	font-style: normal;
}

body {
	background: #40689f url('../images/bg.jpg') no-repeat center top;
	color: #FFF;
/* 	height:100%;
	width:100%; */
	
}

.hide{
	display:none;
}

/* 弹窗 提示 */
.dds-dialog-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.dds-dialog-boxer {
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
}

.dds-dialog-boxer .dds-dialog-tl,.dds-dialog-boxer .dds-dialog-tr,.dds-dialog-boxer .dds-dialog-bl,.dds-dialog-boxer .dds-dialog-br,.dds-dialog-boxer .dds-dialog-cr,.dds-dialog-boxer .dds-dialog-cl,.dds-dialog-boxer .dds-dialog-bc {
	overflow: hidden;
	background: url('../images/white_dot_02.png');
}

.dds-dialog-boxer .dds-dialog-tc .dds-dialog-closed {
	background: url('../images/dialog_bg_icon.png') no-repeat -49px -5px;
	overflow: hidden;
	width: 11px;
	height: 11px;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 13px;
}

.dds-dialog-boxer .dds-dialog-tc .dds-dialog-closed-over {
	background-position: -70px -5px;
}

.dds-dialog-boxer .dds-dialog-tl,.dds-dialog-boxer .dds-dialog-tc,.dds-dialog-boxer .dds-dialog-tr {
	height: 30px;
}

.dds-dialog-boxer .dds-dialog-tc {
	background: url('../images/dialog_top_bg.png') repeat-x;
	position: relative;
}

.dds-dialog-boxer .dds-dialog-cl,.dds-dialog-boxer .dds-dialog-cr {
	width: 5px;
}

.dds-dialog-boxer .dds-dialog-cc {
	background: #2f2c39;
}

.dds-dialog-boxer .dds-dialog-bl,.dds-dialog-boxer .dds-dialog-bc,.dds-dialog-boxer .dds-dialog-br {
	height: 5px;
}

.dds-dialog-boxer .dds-dialog-tc .dds-dialog-title {
	float: left;
	color: #666;
	line-height: 25px;
	padding-left: 10px;
	padding-top: 5px;
}
/* alert 样式 */
.dds-dialog-boxer .dds-dialog-alert {
	width: 300px;
}

.dds-dialog-boxer .dds-dialog-alert .dds-dialog-txt {
	text-align: center;
	padding: 30px 20px;
}

.dds-dialog-boxer .dds-dialog-alert .dds-dialog-btnc {
	text-align: right;
	background: #2f2c39;
	padding: 10px;
}

.dds-dialog-boxer .dds-dialog-alert .dds-dialog-btn {
	width: 55px;
	height: 28px;
	background: url('../images/dialog_btn_bg.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
}
/* confirm 样式 */
.dds-dialog-boxer .dds-dialog-confirm {
	width: 300px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-txt {
	text-align: center;
	padding: 30px 20px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-btn {
	text-align: right;
	background: #2f2c39;
	padding: 10px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-sure {
	width: 55px;
	height: 28px;
	background: url('../images/dialog_btn_bg.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
	margin-right: 10px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-cancel {
	width: 55px;
	height: 28px;
	background: url('../image/dialog_btn_bg.png') no-repeat 0 -29px;
	border: none;
	cursor: pointer;
}

/* 提示信息样式 */
.dds-dialog-tip .dds-dialog-tl,.dds-dialog-tip .dds-dialog-tr,.dds-dialog-tip .dds-dialog-tc {
	height: 5px;
	line-height: 5px;
}

.dds-dialog-tip .dds-dialog-tc .dds-dialog-closed {
	display: none;
}

.dds-dialog-tip .dds-dialog-tc .dds-dialog-closed-on {
	display: block;
	cursor: pointer;
}

.dds-dialog-tip .dds-dialog-cc {
	min-width: 50px;
	background: #2f2c39;
	padding: 4px;
	border-radius: 0;
}

.dds-dialog-tip .dds-dialog-cc .dds-dialog-con {
	padding: 3px;
	color: #FFF;
}

.dds-dialog-tip .dds-dialog-arrows {
	position: absolute;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background: url('../images/room_bg.png') no-repeat;
}

.dds-dialog-tip .dds-dialog-bottom {
	background-position: -120px -220px;
	margin-top: -4px;
}

.dds-dialog-tip .dds-dialog-left {
	background-position: -180px -220px;
}

.dds-dialog-tip .dds-dialog-top {
	background-position: -140px -220px;
}

.dds-dialog-tip .dds-dialog-right {
	background-position: -160px -220px;
}

.dds-dialog-tip .tipClose {
	color: #FF6907;
}

.dds-dialog-tip .tipClose:hover {
	color: #FF823F;
}

.dds-dialog-none-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.dds-dialog-none-boxer {
	position: absolute;
	color: #000;
}
/* 提示窗 充值按钮 */
.BTN-recharge {
	background: #645991;
	border: 1px solid #645991;
	border-radius: 3px;
	text-align: center;
	display: block;
	cursor: pointer;	
	width: 45px;
	height: 28px;
	line-height: 28px;
	color: #FFF;
}	

.BTN-recharge:hover {
	background: #756b9e;
	border: 1px solid #756b9e;
}


/* 滚动条样式 */
.dds-scroll-panel .top-bg,.dds-scroll-panel .bottom-bg,.dds-scroll-slider .top-bg,.dds-scroll-slider .bottom-bg {
	width: 3px;
	height: 3px;
	overflow: hidden;
	position: absolute;
}

.dds-scroll-slider .top-bg,.dds-scroll-slider .bottom-bg,.dds-scroll-panel .dds-scroll-slider {
	background: url('../images/white_dot_02.png');
}

.dds-scroll-panel {
	position: relative;
	width: 3px;
}

.dds-scroll-panel .top-bg {
	top: -3px;
}

.dds-scroll-panel .bottom-bg {
	bottom: -3px;
}

.dds-scroll-panel .dds-scroll-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
}

.dds-scroll-panel .dds-scroll-slider .top-bg {
	top: -3px;
}

.dds-scroll-panel .dds-scroll-slider .bottom-bg {
	bottom: -3px;
}

.dds-scroll-panel .dds-scroll-over {
}

.dds-scroll-panel .dds-scroll-over .top-bg {
}

.dds-scroll-panel .dds-scroll-over .bottom-bg {
}

.dds-scroll-panel-x .top-bg,.dds-scroll-panel-x .bottom-bg,.dds-scroll-panel-x .dds-scroll-slider .top-bg,.dds-scroll-panel-x .dds-scroll-slider .bottom-bg {
	width: 3px;
	height: 3px;
}

.dds-scroll-panel-x {
	width: auto;
	height: 3px;
}

.dds-scroll-panel-x .top-bg {
	left: -3px;
	top: 0;
}

.dds-scroll-panel-x .bottom-bg {
	right: -3px;
	top: 0;
}

.dds-scroll-panel-x .dds-scroll-slider {
	top: 0;
	left: 0;
	width: auto;
	height: 3px;
}

.dds-scroll-panel-x .dds-scroll-slider .top-bg {
	left: -3px;
	top: 0;
}

.dds-scroll-panel-x .dds-scroll-slider .bottom-bg {
	right: -3px;
	top: 0;
}



/* 网页最小尺寸 */
.SR-pager {
	min-width: 1210px;
}
/* 按钮效果 */
.BTN-add-attention,.BTN-has-attention {
	background: #0099cc;
	width: 56px;
	height: 26px;
	border-radius: 3px;
	line-height: 26px;
	color: #FFF;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.BTN-add-attention:hover,.BTN-has-attention:hover {
	background: #0086b3;
	text-decoration: none;
}

.freegift-more .more-btn .bg,.MR-star-tips,.MR-gift-tip,.MR-custom-dialog {
	background: url('../images/white_dot_05.png');
}
/* 喇叭容器 */
.M-bubble {
	position: absolute;
	background: url('../images/bubble_dot.png');
	border-radius: 3px;
	border: 1px solid #085e75;
}

.M-bubble .arrow-top {
	position: absolute;
	width: 9px;
	height: 6px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -231px -88px;
	left: 50%;
	top: -6px;
	margin-left: -4px;
}

.M-bubble .arrow-bottom {
	position: absolute;
	width: 9px;
	height: 6px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -211px -88px;
	left: 50%;
	bottom: -6px;
	margin-left: -4px;
}

.M-bubble .arrow-left {
	position: absolute;
	width: 6px;
	height: 9px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -256px -89px;
	top: 50%;
	left: -6px;
	margin-top: -4px;
}

.M-bubble .arrow-right {
	position: absolute;
	width: 6px;
	height: 9px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -272px -89px;
	top: 50%;
	right: -6px;
	margin-left: -4px;
}

.M-bubble .detail {
	padding: 8px 12px;
	white-space: nowrap;
}
/* 左侧导航 */
.SR-nav {
	width: 70px;
	position: fixed;
	top: 0;
/* 	left: -70px; */
	bottom: 0;
	min-height: 620px;
	z-index: 120;
}

.SR-nav .nav-fg {
	position: absolute;
	width: 100%;
	background: #0a0d26;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 98;
}

.SR-nav .nav-bg {
	position: absolute;
	left: -190px;
	top: 0;
	width: 240px;
	padding: 10px;
	background:#4d5e81 url('../images/yonghuliebao.png') no-repeat center top;
/* 	background: #2a2126; */
	bottom: 0;
	z-index: 97;
	display: none;
}

.SR-nav .nav-link {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	z-index: 99;
}

.SR-nav h1 {
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #2b2126;
	margin-bottom: 10px;
}

.SR-nav h1 img {
	width: 66px;
	height: 66px;
}

.SR-nav .MR-user {
	float: none;
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}

.SR-nav .MR-user .ICON-coins {
	float: none;
	margin-top: 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
/* 未登录 */
.SR-nav .no-login a {
	width: 40px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	border-radius: 3px;
	display: block;
	padding: 0;
}

.SR-nav .no-login a:hover {
	text-decoration: none;
}

.SR-nav .no-login a.login {
	background: #ac3765;
	margin: 0 auto 10px auto;
}

.SR-nav .no-login a.login:hover {
	background: #a81650;
}

.SR-nav .no-login a.reg {
	background: #2a2126;
}

.SR-nav .no-login a.reg:hover {
	background: #22171d;
}
/* 已登录 */
.SR-nav .login .photoer {
	margin: 0 auto 10px auto;
	width: 40px;
	cursor: pointer;
}

.SR-nav .login .photoer img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .login .photoer img:hover {
	box-shadow: 0 0 10px #FFF;
}

.SR-nav .login .money {
	text-align: center;
	color: #dfc153;
	margin-bottom: 10px;
}

.SR-nav .login .recharge {
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	border-radius: 10px;
	display: block;
	background: #ffcc34;
}

.SR-nav .login .recharge:hover {
	text-decoration: none;
	background: #deaf23;
}


.ICON-nav-news,.ICON-nav-online,.ICON-nav-share,.ICON-nav-app,.ICON-nav-weixin,.ICON-nav-help,.ICON-nav-report,.ICON-client {
	background: url('../images/nav_icon_v2.png') no-repeat;
	display: block;
	margin: 0 auto;
	width: 25px;
}

.ICON-nav-news {
	height: 17px;
	background-position: 0 0;
}

.ICON-nav-online {
	height: 23px;
	background-position: 0 -56px;
}

.ICON-nav-share {
	height: 24px;
	background-position: 0 -242px;
}

.ICON-nav-app {
	height: 24px;
	background-position: 0 -292px;
}

.ICON-nav-weixin {
	height: 20px;
	background-position: 0 -344px;
}

.ICON-nav-help {
	height: 23px;
	background-position: 0 -392px;
}

.ICON-client {
	height: 24px;
	background-position: 0 -128px;
}

.ICON-nav-report {
	height: 44px;
	background-position: 0 -180px;
}


.SR-nav .nav li {
	cursor: pointer;
	border-bottom: 1px solid #273150;
}

.SR-nav .nav li .dds-pop-co {
	*margin-top: -4px;
}

.SR-nav .nav li label.fun {
	display: block;
	text-align: center;
	cursor: pointer;
	line-height: 32px;
}

.SR-nav .nav li a.linked {
	display: block;
	text-align: center;
	height: 32px;
	color: #FFF;
	line-height: 32px;
}

.SR-nav .nav li a.linked:hover {
	background: #273150;
	text-decoration: none;
}

.SR-nav .nav li.user {
	cursor: default;
}

.SR-nav .nav li.user label {
	cursor: default;
	display: block;
	text-align: center;
}

.SR-nav .nav li.on {
	background: #273150;
}

/* 左侧底部 */
.SR-nav .nav-link li {
	position: relative;
}

.SR-nav .nav-link li .info {
	position: absolute;
	left: 70px;
	top: 40px;
	display: none;
}

.SR-nav .nav-link li .icon {
	overflow: hidden;
	width: 100%;
	height: 44px;
}

.SR-nav .nav-link dl {
	cursor: pointer;
	height: 88px;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .nav-link dl:hover {
	transform: translate(0,-44px);
	-moz-transform: translate(0,-44px);
	-webkit-transform: translate(0,-44px);
	-o-transform: translate(0,-44px);
}

.SR-nav .nav-link .share dt {
	height: 34px;
	padding-top: 10px;
}

.SR-nav .nav-link .app dt {
	height: 34px;
	padding-top: 10px;
}

.SR-nav .nav-link .app .app-ma {
	background: url('../images/pc_room.png') no-repeat;
	width: 107px;
	height: 120px;
	top: -37px;
	left: -7px;
	position: absolute;
}

.SR-nav .nav-link .weixin .weixin-ma {
	background: url('../images//weixin2.png') no-repeat;
	width: 107px;
	height: 120px;
	top: -40px;
	left: -7px;
	position: absolute;
}

.SR-nav .nav-link .weixin dt {
	height: 32px;
	padding-top: 12px;
}

.SR-nav .nav-link .desc {
	display: block;
	background: #273150;
	height: 44px;
	color: #FFF;
	text-align: center;
	text-decoration:none;
	line-height: 44px;
	cursor: pointer;
}
.SR-nav .nav-link .desc:hover
{
	text-decoration:none;
}


.SR-nav .dds-pop-co {
	margin-left: 9px;
}

.SR-nav .nav-link .client {
	display: none;
}

.SR-nav .nav-link .help,.SR-nav .nav-link .client {
	overflow: hidden;
	width: 100%;
	height: 44px;
}

.SR-nav .nav-link .help a,.SR-nav .nav-link .client a {
	display: block;
	height: 88px;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .nav-link .help a .ICON-nav-help {
	height: 44px;
	background-position: 0 -380px;
}

.SR-nav .nav-link .help a:hover,.SR-nav .nav-link .client a:hover {
	text-decoration: none;
	transform: translate(0,-44px);
	-moz-transform: translate(0,-44px);
	-webkit-transform: translate(0,-44px);
	-o-transform: translate(0,-44px);
}

.SR-nav .nav-link .help a .ICON-nav-iku {
	height: 44px;
	display: block;
	margin: 0 auto;
	width: 25px;
	background: url('../images/iku_room.png') no-repeat 3px 14px;
}

.SR-nav .nav-link .client a .ICON-client {
	height: 44px;
	background-position: 0 -120px;
}

.SR-nav .nav-link .report {
	overflow: hidden;
	width: 100%;
	height: 44px;
}

.SR-nav .nav-link .report .icon {
	display: block;
	height: 88px;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .nav-link .report .icon:hover {
	text-decoration: none;
	transform: translate(0,-44px);
	-moz-transform: translate(0,-44px);
	-webkit-transform: translate(0,-44px);
	-o-transform: translate(0,-44px);
}

/* 左侧导航 */
/* 左侧会员信息窗 */
.M-top-user-card-container {
	position: absolute;
	right: -119px;
	top: 25px;
	padding: 5px;
	width: 327px;
	font-size: 12px;
	right: auto;
	left: 70px;
	top: 70px;
}

.M-top-user-card-tip {
	height: 34px;
	line-height: 34px;
	border-radius: 5px 5px 0 0;
	text-align: center;
	display:none;
}


.M-top-user-card-room {
	right: auto;
	background: url('../images/white_dot_02.png') 0 0;
	cursor: default;
	display: none; 
}

.M-top-user-card-room .M-top-user-card,.M-top-user-card-room .M-top-user-card-tip {
	background: #221d20;
	color: #FFF;
}

.M-top-user-card-room .info-area .edit-btn {
	background: url('../images/edit.png') no-repeat;
	background-position: 0 0;
}

.M-top-user-card-room .info-area .edit-btn:hover {
	background-position: -25px 0;
}

.M-top-user-card-room .info-area .progress .progress-bar {
	background: url('../images/p_b.png') 0 0;
}

.M-top-user-card-room .info-area .progress .count {
	color: #FFF;
}

.M-top-user-card-room .info-area .level-msg {
	color: #999999;
}

.M-top-user-card-room .info-area .name-text .text {
	color: #f0eaf2;
}

.M-top-user-card-room .hidden-area {
	background: url('../images/level_v1.png') no-repeat 0 0;
}

.M-top-user-card-room .hidden-area .tip {
	color: #c59801;
	border: 1px solid #0a7593;
	background: url('../images/tip_b.png') 0 0;
}

.M-top-user-card-room .hidden-area .tip .arrow {
	background: url('../images/tip_bot.png') no-repeat 0 0;
}

.M-top-user-card-room .info-area .name-edit .edit-input {
	border: 1px solid #0a7593;
	color: #FFF;
}

.M-top-user-card-room .info-area .name-edit .edit-input:focus {
	border: 1px solid #0099cc;
}

.M-top-user-card-room .info-area .name-edit .edit-submit {
	color: #FFF;
	background-color: #0099cc;
}

.M-top-user-card-room .info-area .name-edit .edit-submit:hover {
	background-color: #00bfff;
}

.M-top-user-card-room .M-top-user-card-bottom-area {
	background: #2d292b;
}



.M-top-user-card {
	padding: 10px 10px 0;
	display: none; 
}

.M-top-user-card .info-area {
	position: relative;
	padding-left: 51px;
	height: 58px;
}

.M-top-user-card .info-area .pic,.M-top-user-card .info-area .pic img {
	width: 40px;
	height: 40px;
}

.M-top-user-card .info-area .pic {
	position: absolute;
	left: 0;
	top: 5px;
	border-radius: 30px;
	overflow: hidden;
}

.M-top-user-card .info-area .name-text,.M-top-user-card .info-area .name-edit {
	padding-bottom: 5px;
}

.M-top-user-card .info-area .name-text .text {
	float: left;
	padding-right: 5px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}

.M-top-user-card .info-area .name-text .level {
	float: left;
	margin: 5px 10px 5px 0;
}

.M-top-user-card .info-area .name-text .edit-btn {
	float: left;
	margin-top: 3px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.M-top-user-card .info-area .name-edit .edit-input {
	float: left;
	padding: 0 5px;
	width: 90px;
	height: 24px;
	line-height: 24px;
	border-radius: 5px;
	background: none transparent;
}

.M-top-user-card .info-area .name-edit .edit-submit {
	float: left;
	margin-left: 5px;
	height: 26px;
	width: 50px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	line-height: 26px;
}

.M-top-user-card .info-area .progress {
	position: relative;
}

.M-top-user-card .info-area .progress .progress-bar,.M-top-user-card .info-area .progress .progress-bar-inner {
	height: 3px;
}

.M-top-user-card .info-area .progress .progress-bar-inner {
	background: #b9406f;
}

.M-top-user-card .hidden-area {
	position: relative;
	padding-bottom: 18px;
	height: 82px;
	display: none; 
}

.M-top-user-card .hidden-area .tip {
	position: absolute;
	left: 0;
	top: 26px;
	padding: 0 5px;
	height: 26px;
	line-height: 26px;
	border-radius: 5px;
}

.M-top-user-card .hidden-area .tip .arrow {
	position: absolute;
	left: 15px;
	top: 26px;
	width: 9px;
	height: 6px;
}

.M-top-user-card .right-area .right-title {
	position: relative;
	height: 14px;
	line-height: 14px;
}

.M-top-user-card .right-area .right-title .line {
	position: absolute;
	left: 76px;
	right: 0;
	top: 7px;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	background-color: #818383;
}

.M-top-user-card .right-area .right-icons {
	line-height: 24px;
	padding: 5px 0;
	display:none;
}

.M-top-user-card .right-area .right-icons .icon {
	float: left;
	margin-right: 5px;
	zoom: 1;
}

.M-top-user-card-bottom-area {
	padding: 0 10px;
	height: 30px;
}

.M-top-user-card-bottom-area .my,.M-top-user-card-bottom-area .logout {
	height: 30px;
	line-height: 30px;
}

.M-top-user-card-bottom-area .my {
	float: left;
	color: #FFF;
}

.M-top-user-card-bottom-area .logout {
	float: right;
	color: #FFF;
}

.M-top-user-card .ICON-coins {
	margin: 0 3px;
	line-height: 17px;
}

/* 功能图标 */
.ICON-right,.ICON-right-grey {
	display: inline-block;
	vertical-align: middle;
}

.ICON-right {
	background: url('../images/icon-rights-3.png') no-repeat;
}

.ICON-right-grey {
	background: url('../images/icon-rights-grey-3.png') no-repeat;
}

.ICON-right-48-13 {
	width: 48px;
	height: 48px;
	background-position: 0 0;
}

.ICON-right-48-12 {
	width: 48px;
	height: 48px;
	background-position: -53px 0;
}

.ICON-right-48-11 {
	width: 48px;
	height: 48px;
	background-position: -106px 0;
}

.ICON-right-48-34 {
	width: 48px;
	height: 48px;
	background-position: -159px 0;
}

.ICON-right-48-22 {
	width: 48px;
	height: 48px;
	background-position: -212px 0;
}

.ICON-right-48-21 {
	width: 48px;
	height: 48px;
	background-position: -265px 0;
}

.ICON-right-48-20 {
	width: 48px;
	height: 48px;
	background-position: -318px 0;
}

.ICON-right-48-19 {
	width: 48px;
	height: 48px;
	background-position: -371px 0;
}

.ICON-right-48-33 {
	width: 48px;
	height: 48px;
	background-position: -424px 0;
}

.ICON-right-48-27 {
	width: 48px;
	height: 48px;
	background-position: -477px 0;
}

.ICON-right-48-26 {
	width: 48px;
	height: 48px;
	background-position: -530px 0;
}

.ICON-right-48-25 {
	width: 48px;
	height: 48px;
	background-position: -583px 0;
}

.ICON-right-48-24 {
	width: 48px;
	height: 48px;
	background-position: -636px 0;
}

.ICON-right-48-23 {
	width: 48px;
	height: 48px;
	background-position: -689px 0;
}

.ICON-right-48-14 {
	width: 48px;
	height: 48px;
	background-position: -741px 0;
}

.ICON-right-48-15 {
	width: 48px;
	height: 48px;
	background-position: -794px 0;
}

.ICON-right-48-16 {
	width: 48px;
	height: 48px;
	background-position: -847px 0;
}

.ICON-right-48-17 {
	width: 48px;
	height: 48px;
	background-position: -900px 0;
}

.ICON-right-48-18 {
	width: 48px;
	height: 48px;
	background-position: -953px 0;
}

.ICON-right-32-13 {
	width: 32px;
	height: 32px;
	background-position: 0 -53px;
}

.ICON-right-32-12 {
	width: 32px;
	height: 32px;
	background-position: -53px -53px;
}

.ICON-right-32-11 {
	width: 32px;
	height: 32px;
	background-position: -106px -53px;
}

.ICON-right-32-34 {
	width: 32px;
	height: 32px;
	background-position: -159px -53px;
}

.ICON-right-32-22 {
	width: 32px;
	height: 32px;
	background-position: -212px -53px;
}

.ICON-right-32-21 {
	width: 32px;
	height: 32px;
	background-position: -265px -53px;
}

.ICON-right-32-20 {
	width: 32px;
	height: 32px;
	background-position: -318px -53px;
}

.ICON-right-32-19 {
	width: 32px;
	height: 32px;
	background-position: -371px -53px;
}

.ICON-right-32-33 {
	width: 32px;
	height: 32px;
	background-position: -424px -53px;
}

.ICON-right-32-27 {
	width: 32px;
	height: 32px;
	background-position: -477px -53px;
}

.ICON-right-32-26 {
	width: 32px;
	height: 32px;
	background-position: -530px -53px;
}

.ICON-right-32-25 {
	width: 32px;
	height: 32px;
	background-position: -583px -53px;
}

.ICON-right-32-24 {
	width: 32px;
	height: 32px;
	background-position: -636px -53px;
}

.ICON-right-32-23 {
	width: 32px;
	height: 32px;
	background-position: -689px -53px;
}

.ICON-right-32-14 {
	width: 32px;
	height: 32px;
	background-position: -741px -53px;
}

.ICON-right-32-15 {
	width: 32px;
	height: 32px;
	background-position: -794px -53px;
}

.ICON-right-32-16 {
	width: 32px;
	height: 32px;
	background-position: -847px -53px;
}

.ICON-right-32-17 {
	width: 32px;
	height: 32px;
	background-position: -900px -53px;
}

.ICON-right-32-18 {
	width: 32px;
	height: 32px;
	background-position: -953px -53px;
}

.ICON-right-24-13 {
	width: 24px;
	height: 24px;
	background-position: 0 -90px;
}

.ICON-right-24-12 {
	width: 24px;
	height: 24px;
	background-position: -53px -90px;
}

.ICON-right-24-11 {
	width: 24px;
	height: 24px;
	background-position: -106px -90px;
}

.ICON-right-24-34 {
	width: 24px;
	height: 24px;
	background-position: -159px -90px;
}

.ICON-right-24-22 {
	width: 24px;
	height: 24px;
	background-position: -212px -90px;
}

.ICON-right-24-21 {
	width: 24px;
	height: 24px;
	background-position: -265px -90px;
}

.ICON-right-24-20 {
	width: 24px;
	height: 24px;
	background-position: -318px -90px;
}

.ICON-right-24-19 {
	width: 24px;
	height: 24px;
	background-position: -371px -90px;
}

.ICON-right-24-33 {
	width: 24px;
	height: 24px;
	background-position: -424px -90px;
}

.ICON-right-24-27 {
	width: 24px;
	height: 24px;
	background-position: -477px -90px;
}

.ICON-right-24-26 {
	width: 24px;
	height: 24px;
	background-position: -530px -90px;
}

.ICON-right-24-25 {
	width: 24px;
	height: 24px;
	background-position: -583px -90px;
}

.ICON-right-24-24 {
	width: 24px;
	height: 24px;
	background-position: -636px -90px;
}

.ICON-right-24-23 {
	width: 24px;
	height: 24px;
	background-position: -689px -90px;
}

.ICON-right-24-14 {
	width: 24px;
	height: 24px;
	background-position: -741px -90px;
}

.ICON-right-24-15 {
	width: 24px;
	height: 24px;
	background-position: -794px -90px;
}

.ICON-right-24-16 {
	width: 24px;
	height: 24px;
	background-position: -847px -90px;
}

.ICON-right-24-17 {
	width: 24px;
	height: 24px;
	background-position: -900px -90px;
}

.ICON-right-24-18 {
	width: 24px;
	height: 24px;
	background-position: -953px -90px;
}

.ICON-right-16-13 {
	width: 16px;
	height: 16px;
	background-position: 0 -119px;
}

.ICON-right-16-12 {
	width: 16px;
	height: 16px;
	background-position: -53px -119px;
}

.ICON-right-16-11 {
	width: 16px;
	height: 16px;
	background-position: -106px -119px;
}

.ICON-right-16-34 {
	width: 16px;
	height: 16px;
	background-position: -159px -119px;
}

.ICON-right-16-22 {
	width: 16px;
	height: 16px;
	background-position: -212px -119px;
}

.ICON-right-16-21 {
	width: 16px;
	height: 16px;
	background-position: -265px -119px;
}

.ICON-right-16-20 {
	width: 16px;
	height: 16px;
	background-position: -318px -119px;
}

.ICON-right-16-19 {
	width: 16px;
	height: 16px;
	background-position: -371px -119px;
}

.ICON-right-16-33 {
	width: 16px;
	height: 16px;
	background-position: -424px -119px;
}

.ICON-right-16-27 {
	width: 16px;
	height: 16px;
	background-position: -477px -119px;
}

.ICON-right-16-26 {
	width: 16px;
	height: 16px;
	background-position: -530px -119px;
}

.ICON-right-16-25 {
	width: 16px;
	height: 16px;
	background-position: -583px -119px;
}

.ICON-right-16-24 {
	width: 16px;
	height: 16px;
	background-position: -636px -119px;
}

.ICON-right-16-23 {
	width: 16px;
	height: 16px;
	background-position: -689px -119px;
}

.ICON-right-16-14 {
	width: 16px;
	height: 16px;
	background-position: -741px -119px;
}

.ICON-right-16-15 {
	width: 16px;
	height: 16px;
	background-position: -794px -119px;
}

.ICON-right-16-16 {
	width: 16px;
	height: 16px;
	background-position: -847px -119px;
}

.ICON-right-16-17 {
	width: 16px;
	height: 16px;
	background-position: -900px -119px;
}

.ICON-right-16-18 {
	width: 16px;
	height: 16px;
	background-position: -953px -119px;
}

.ICON-right-16-32 {
	width: 12px;
	height: 16px;
	background-position: -1007px -119px;
}

.ICON-right-24-32 {
	width: 24px;
	height: 24px;
	background-position: -1007px -90px;
}

.ICON-right-32-32 {
	width: 32px;
	height: 32px;
	background-position: -1007px -52px;
}

.ICON-right-48-32 {
	width: 48px;
	height: 48px;
	background-position: -1007px 0;
}
/* 功能图标 */

/* 左侧会员信息窗 */

/* 主体界面 */
.SR-stager {
	width: 1176px;
	margin: 0 auto;
	position: relative;
	padding:10px 0;
	
}
/* 左侧 播放窗口 */

.SR-area-video {
	width: 360px;
	height: 640px;
	float: left;
	position: relative;
	background: #000;
	z-index: 5;
}

.SR-area-video object {
	display: block;
}

.SR-area-video .effect-box {
	display: none;
	position: absolute;
	opacity: 0;
	width: 240px;
	height: 75px;
	top: 70px;
	z-index: 1000;
	background: url('../images/ten-bg.png') no-repeat;
}
.SR-area-video .no-flash {
	padding: 200px 10px 0;
	font-size: 14px;
	text-align: center;
}

.SR-area-video .no-flash a {
	color: #ff2446;
	font-weight: 700;
}
/* 主播信息 */
.MR-about {
	position: absolute;
	width: 100%;
	background: url('../images/dot_zi_3.png');
	left: 0;
	top: 0;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	z-index: 9;
}

.MR-about-hover {
	background: #27293e;
}

.MR-about dl {
	padding: 3px 8px 0 8px;
}

.MR-about dl dt {
	float: left;
	width: 45px;
}

.MR-about dl dt .photoer {
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: #CCC;
}

.MR-about dl dt img.anchor-head {
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 50%;
}

.MR-about dl dd {
	float: right;
	width: 30px;
	margin-right: 20px;
	padding-left: 25px;
	cursor: pointer;

}

.MR-about dl .report_icon{
	background: url(../images/report_icon.png) no-repeat left center;
}

.MR-about dl .share_icon{
	background: url(../images/share_icon.png) no-repeat left center;
}
.MR-about dl .private_chat_icon{
	background: url(../images/private_chat_icon.png) no-repeat left center;
}

.MR-about dl dd .name {
	display: block;
	font-size: 14px;
	color: #FFF;
}

.MR-about .dou-prog {
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}

.MR-about .dou-prog .M-progress {
	width: 130px;
	height: 3px;
	background: #a59fb4;
}

.MR-about .dou-prog .M-progress .slider {
	background: #eb3d77;
	height: 3px;
	width: 79px;
}

.MR-about .M-attention {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 50px;
}

.MR-about .BTN-add-attention,.MR-about .BTN-has-attention {
	width: 50px;
	height: 22px;
	border-radius: 0;
	background: #ffffff;
	line-height: 24px;
	border: none;
	border-radius: 0 2px 2px 0;
	color:#ffcc34;
	border: 1px solid #ffffff;
}

.MR-about .BTN-add-attention:hover,.MR-about .BTN-has-attention:hover {
	background: #ffcc34;
	color:#fff;
	border: 1px solid #ffffff;
}

.MR-about .M-siliao {
	position: absolute;
	top: 42px;
	right: 8px;
	width: 50px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: url('../images/room_bg.png') no-repeat;
	background-position: -250px -220px;
	cursor: pointer;
}

.MR-about .M-siliao:hover {
	background-position: -320px -220px;
}

.MR-about .fans-num {
	position: absolute;
	border: 1px solid #ffffff;
	border-right: none;
	height: 22px;
	line-height: 22px;
	background: #ffcc34;
	padding: 0 10px;
	border-radius: 2px 0 0 2px;
	max-width: 60px;
	top: 8px;
	right: 58px;
}

.MR-about .beans {
	float: left;
	margin-right: 10px;
}

.MR-about .star {
	background: url('../images/active_bg.png') no-repeat;
	padding-left: 16px;
	position: relative;
}

.MR-about .star {
	background-position: 0 4px;
	float: left;
	width: 56px;
}

.MR-about .signs-con {
	padding: 0 8px 0 45px;
	margin-top: 10px;
}

.MR-about .signs {
	padding: 8px 0;
	color: #c4b9f1;
	line-height: 18px;
	word-wrap: break-word;
	word-break: break-all;
	border-top: 1px solid #5c5278;
}

.MR-about .medals {
	padding-top: 8px;
}

.MR-about .ICON-medal {
	height: 16px;
	float: left;
	margin-right: 6px;
}

.MR-about .ICON-medal img {
	height: 16px;
}

.MR-about .signs-con {
	position: relative;
}

.MR-about .sign-toggle {
	display: block;
	color: #FFF;
	position: absolute;
	right: 8px;
	top: 6px;
	cursor: pointer;
}


.MR-about .stardialog {
	display: none;
	position: absolute;
	left: -74px;
	width: 213px;
	height: 62px;
	z-index: 50;
	background: url('../images/dialog_bg.png') no-repeat;
	cursor: auto;
	color: #fff;
}

.MR-about .stardialog p {
	padding: 10px;
}

.MR-about .ICON-gender {
	position: absolute;
	right: 7px;
	bottom: -5px;
}

.MR-about .jingpai {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: url('../images/v.png') no-repeat 0 0;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 3px;
	margin-top: 3px;
}

/* 坐骑动画 */
.MR-enter-fx {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility:hidden;
	z-index: 101;
}
/* 礼物动画 */
.MR-gift-flash {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	right: 316px;
	pointer-events: none;
	z-index: 99;
}

.MR-gift-flash-show {
}

/* 主播推荐 */
.SR-video-rec-con {
	width: 320px;
	height: 410px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left:-160px;
	display: none;
}

.SR-video-rec-con .rec-title {
	width: 100%;
	height: 20px;
	line-height: 25px;
	text-align: center;
	display: block;
	font-size: 18px;
}

.SR-video-rec-con .video-rec-con {
	width: 100%;
	height: 360px;
	margin: 40px 0 0 0;
}

.SR-video-rec-con .video-rec-con .rec-item {
	width: 150px;
	height: 170px;
	margin: 10px 0 0 10px;
	cursor: pointer;
}

.SR-video-rec-con .video-rec-con .rec-item img {
	width: 142px;
	height: 105px;
}

.SR-video-rec-con .video-rec-con .rec-item .rec-author-name {
	display: block;
	width: 110px;
	height: 22px;
	text-align: left;
	margin: auto auto auto 10px;
	color: #FFFFFF;
	font-size: 12px;
}

.SR-video-rec-con .video-rec-con .rec-item .rec-author-num {
	display: block;
	width: 110px;
	height: 22px;
	text-align: left;
	color: #7f6b8c;
	font-size: 12px;
}

.SR-video-rec-con .video-rec-con .rec-item .rec-row {
	float: left;
}

.SR-video-rec-con .video-rec-con ul li {
	float: left;
}


/* 中间 聊天 礼物 */


.SR-area-chat {
	width: 360px;
	height: 640px;
	position: relative;
	float: left;
	background:#27293e;
	z-index: 100;
	margin-left: 10px;
}

.SR-area-chat .chat-msg {
	/* margin: 0 auto; */
	/*float: right;*/
	width: 100%;
}

#LF-chat-msg-area{
	padding:0 10px;
}

.SR-area-chat .chat-talk {
	position: absolute;
	bottom: 140px;
	width: 100%;
	padding-top: 10px;
	height: 40px;
	left: 0;
	background:#31334b;
}

.SR-area-chat .chat-gift {
	border-top: 1px solid rgba(255,255,255,0.05);
	height: 139px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background:#0e0d24;
}

.SR-area-chat .control-bar {
	width: 100%;
	height: 31px;
	top: 170px;
	left: 0;
	position: absolute;
	z-index: 42;
}

.SR-area-chat .control-bar cite {
	display: block;
	height: 1px;
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	cursor: n-resize;
	background: url('../images/dot_white_05.png');
}

.SR-area-chat .control-bar span {
	display: block;
	position: absolute;
	width: 15px;
	height: 9px;
	left: 50%;
	margin-left: -7px;
	top: 6px;
	/*cursor: n-resize;
	background: url('../images/drag_bg.png') no-repeat;*/
}

.MR-msg {
	position: relative;
}


.MR-msg .ICON-medal img.medal-img {
	margin-top: -2px;
}

.MR-msg .msg-gift {
	padding: 5px 0;
	margin-bottom: 21px;
}

.MR-msg .msg-chat {
	padding: 5px 0;
	position: relative;
}

.MR-msg .MR-chat {
	position: relative;
}

.MR-msg .MR-chat .boarder {
	overflow: auto;
}

.MR-msg .MR-chat .scroller {
	position: absolute;
	right: -17px;
	top: 0;
}
/* 聊天 */
.MR-talk {
	height: 50px;
	position: relative;
	margin: 0 auto;
}

.MR-talk .send-btn {
	position: absolute;
	top: 2px;
	right: 10px;
	background: #ffcc34;
	width: 60px;
	height: 30px;
	line-height: 30px;
	color: #000;
	text-align: center;
	cursor: pointer;
	border-radius: 15px;
}

.MR-talk .send-btn:hover {
	background: #ca9701;
}

.MR-talk .saving,.MR-talk .saving:hover {
	cursor: default;
	background: #999;
	border: 1px solid #999;
}

.MR-talk .speaker {
	width: 270px;
	height: 32px;
	border-radius: 18px;
	left: 8px;
	position: absolute;
	top: 0;
	background: #1d1b27;
	border: 1px solid rgba(255,255,255,0.1);
}

.MR-talk .speaker input {
	margin-left: 10px;
	color: #7f6b8c;
	width: 207px;
	height: 32px;
	line-height: 32px;
	border: none;
	background: none;
}

.MR-talk .speaker input.txt-focus {
	color: #FFF;
}

.MR-talk .speaker cite {
	font-style: normal;
	color: #7f6b8c;
	position: absolute;
	line-height: 22px;
	top: 5px;
	right: 35px;
}

.MR-talk .speaker cite.txt-error {
	color: #FF0000;
}

.MR-talk .BTN-face-toggle {
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	width: 32px;
	height: 32px;
	background: url('../images/room_bg.png') no-repeat 7px -153px;
}

.MR-talk .BTN-face-toggle:hover {
	background-position: -233px -153px;
}

/* 表情 */
.MR-emoticon-layer {
	position: absolute;
	width: 360px;
	bottom: 46px;
	left: 20px;
	z-index: 5;
	background: url('../images/dot_white_2.png');
	padding: 5px;
}

.MR-emoticon-layer .closed {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url('../images/room_bg.png') no-repeat -320px -160px;
}

.MR-emoticon-layer .closed:hover {
	background-position: -350px -160px;
}

.MR-emoticon-layer .expression-wrap {
	background: #2f2c39;
}

.MR-emoticon-layer .expression-hd {
	height: 52px;
	width: 336px;
	margin: 0 auto;
	background: url('../images/dot_white_05.png') repeat-x left 37px;
}

.MR-emoticon-layer .expression-hd ul {
	float: left;
}

.MR-emoticon-layer .expression-hd li {
	float: left;
	position: relative;
	height: 40px;
	line-height: normal;
	padding-top: 12px;
	text-align: center;
	cursor: pointer;
	color: #7f6b8c;
	width: 112px;
}

.MR-emoticon-layer .expression-hd .cur {
	cursor: default;
	background: none;
	color: #FFF;
	background: url(../images/tab_on.png) no-repeat center 37px;
}

.MR-emoticon-layer .expression-hd .cur .expression-tips,.expression-hd .cur .guizu-tab-tips {
	display: block;
}
.MR-emoticon-layer .expression-bd{} 

.MR-emoticon-layer .expression-bd .expression-con {
	overflow: hidden;
	width: 360px;
	margin: 0 auto;
}

.emoticons-wrap {
	overflow: hidden;
	position: relative;
	width: 298px;
	padding: 10px;
}

.emoticons-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	background: #444;
	opacity: 0.95;
	filter: alpha(opacity=95);
	z-index: 1;
}

.emoticons {
	position: relative;
	padding: 1px 0 0;
	z-index: 2;
}

.emoticons li,.emoticons img {
	width: 30px;
	height: 30px;
}

.emoticons li {
	float: left;
	overflow: hidden;
	display: inline;
	margin-top: -1px;
	margin-right: -1px;
	padding: 3px;
	border: 1px solid #6C5266;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

.emoticons li:hover {
	background-color: #4a4a54;
}

.emoticons-wrap .emoticons-tips {
	position: relative;
	z-index: 2;
}

 .expression-wrap .emoticons-wrap {
	width: auto;
	padding: 0;
}

 .expression-wrap .emoticons-bg {
	display: none;
}

 .expression-wrap .emoticons {
	margin: 0;
	padding: 0;
	background: url('../images/emi_bg.png');
}

 .expression-wrap .emoticons li {
	padding: 0;
	border: 0 none;
	margin: 0;
	padding: 5px;
}

 .expression-wrap .emoticons li img {
	display: block;
}

.MR-emoticon-layer .expression-tips {
	position: absolute;
	bottom: 41px;
	left: -15px;
	display: none;
	width: 150px;
	padding: 0 0 5px;
	border: 1px solid #0A7593;
	color: #FFF;
	text-align: center;
}

/* 礼物记录 消息*/
.MR-chat {
	position: relative;
}

.MR-chat .boarder {
	overflow: hidden;
}
.msg-gift .MR-chat .boarder {
	height:170px;
	padding:0 10px;
}
.msg-chat .MR-chat .boarder {
	height:249px;
}

.MR-chat .scroller {
	position: absolute;
	right: 0;
	top:0;
}

.MR-chat ul li {
	color: #fff;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 24px;
	font-size: 14px;
	unicode-bidi: bidi-override;
	padding:2px 0;
}

.MR-chat ul li.no {
	text-align: center;
}

.MR-chat ul li .time {
	padding-right: 5px;
	color: #666;
	float: left;
	font-size: 12px;
}

.MR-chat ul li .mlr-5 {
	padding: 0 5px;
	color: #fff;
}

.MR-chat ul li .emoticon {
	vertical-align: middle;
	vertical-align: top\0;
	margin-left: 3px;
	margin-right: 2px;
	width: 24px;
	height: 24px;
	border: 0 none;
}

.MR-chat ul li .ICON-horn {
	width: 14px;
	background-position: -585px -281px;
}

.MR-chat ul li .ICON-anchor-level {
	margin-right: 5px;
}

.MR-chat ul li .ICON-horn,.MR-chat ul li .ICON-noble-level {
	vertical-align: middle;
	*vertical-align: baseline;
	margin-right: 5px;
	margin-top: -2px;
}

.MR-chat ul li .user-name {
	color: #ffd350;
}

.MR-chat ul li.anchor .user-name {
	color: #f0717e;
}

.MR-chat ul li .anchor-user .user-name {
	color: #f0717e;
}

.MR-chat ul li.anchor .auser-name .user-name {
	color: #3bafda;
	padding-right: 5px;
}

.MR-chat ul li.horn {
	color: #f6bb41;
}

.MR-chat ul li.enter {
	color: #fff;
}

.MR-chat ul li.enter .all-name {
	padding: 0 5px;
}

.MR-chat ul li.noble-opt {
	color: #999;
}

.MR-chat ul li.noble-opt .user-name {
	padding-right: 5px;
}

.MR-chat ul li .pss {
	color: #999;
	padding-left: 5px;
}

.MR-chat ul li img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0 3px 0 2px;
}

.MR-chat ul li .ICON-active-level-bg {
	margin-right: 5px;
}

.MR-chat ul li .ICON-active-level-bg img {
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin: 0;
	margin-right: 4px;
}
/* 喇叭 广播 */
.MR-horn {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 82px;
	top: 11px;
}

.MR-horn .toggle {
	width: 32px;
	height: 32px;
	overflow: hidden;
	cursor: pointer;
	background: url('../images/room_bg.png') no-repeat 2px -231px;
}

.MR-horn .toggle:hover {
	background-position: -58px -231px;
}

.MR-horn .closed {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 12px;
	right: 7px;
	cursor: pointer;
	background: url('../images/room_bg.png') no-repeat -320px -160px;
}

.MR-horn .closed:hover {
	background-position: -350px -160px;
}

.MR-horn .selector {
	width: 360px;
	padding: 5px 0 0 0;
	height: 92px;
	bottom: 40px;
	right: -82px;
	opacity: 1;
	border: none;
	border-radius: 0px;
	background: url('../images/dot_white_2.png');
}

.MR-horn .selector .detail {
	padding: 0;
	background: #1c1b3a;
	overflow: hidden;
	padding: 20px;
}

.MR-horn .selector .arrow-right {
	display: none;
}

.MR-horn .selector .btn {
	float: left;
	width: 155px;
	height: 53px;
	background-color: #343750;
	position: relative;
	cursor: pointer;
	background-image: url('../images/room_bg.png');
	background-repeat: no-repeat;
}

.MR-horn .selector .btn:hover {
	background-color: #494d6f;
}

.MR-horn .selector .gold {
	background-position: 10px -362px;
}

.MR-horn .selector .site {
	float: right;
	background-position: 10px -362px;
}

.MR-horn .selector p {
	padding-left: 60px;
}

.MR-horn .selector p.name {
	padding-top: 5px;
	color: #f7dd66;
	font-size: 14px;
}

.MR-horn .selector .num {
	color: #FFF;
	font-size: 12px;
}

.MR-horn .dialog {
	width: 360px;
	padding: 5px 0 0 0;
	background: url('../images/white_dot_02.png');
	height: 92px;
	bottom: 40px;
	right: -82px;
	border: none;
	opacity: 0;
	position: absolute;
}

.MR-horn .dialog h4 {
	background: #221d20;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
}

.MR-horn .dialog .detail {
	background: #221d20;
	padding: 0 25px;
}

.MR-horn .dialog textarea {
	width: 292px;
	height: 40px;
	padding: 3px 8px;
	line-height: 20px;
	font-size: 12px;
	background: none;
	border: 1px solid #393437;
	overflow-X: hidden;
	overflow-Y: auto;
	color: #999;
}

.MR-horn .dialog textarea.txt-focus {
	color: #fff;
}

.MR-horn .dialog .opt {
	margin-top: 10px;
	height: 42px;
}

.MR-horn .dialog .opt span {
	float: left;
	color: #999;
}

.MR-horn .dialog .opt span.txt-error {
	color: #FF0000;
}

.MR-horn .dialog .horn-send {
	background: #ffcc34;
	width: 60px;
	height: 22px;
	line-height: 22px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	float: right;
	border: none;
	border-radius: 2px;
	color:#000
}

.MR-horn .dialog .horn-send:hover {
	background: #d6a619;
}

.MR-horn .dialog .sd-send-no,.MR-horn .dialog .sd-send-no:hover {
	background: #999;
}

.MR-horn .dialog .num i {
	color: #ff0000;
}

.MR-horn .dialog h4.site,.MR-horn .dialog .detail-site {
	background: #2e3148;
}

.MR-horn .dialog .detail-site textarea {
	border: 1px solid #ffcc34;
}

.MR-horn-show {
	position: absolute;
	right: 0;
	bottom: 130px;
	width: 100%;
	height: 125px;
	z-index: 36;
	overflow: hidden;
}

.MR-horn-show .bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 540px;
	height: 125px;
	overflow: hidden;
}

.MR-horn-show .speak {
	position: absolute;
	color: #f7dd66;
	white-space: nowrap;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 18px;
	background: url('../images/black_dot.png');
	border-radius: 16px;
}

.MR-horn-show .speak .user-name {
	color: #c4b9f1;
}

.MR-horn-show .speak .girl .user-name {
	color: #ff5d93;
}

.MR-horn-show .speak .ICON-noble-level,.MR-horn-show .speak .ICON-anchor-level {
	vertical-align: middle;
	vertical-align: top\0;
	margin-right: 3px;
}

.MR-horn .ICON-coins {
	padding-bottom: 2px;
}

.MR-horn .selector-fx {
	animation: selector 0.4s ease-in-out;
	-moz-animation: selector 0.4s ease-in-out;
	-webkit-animation: selector 0.4s ease-in-out;
	-o-animation: selector 0.4s ease-in-out;
	opacity: 0;
}

.MR-horn .dialog-fx {
	animation: dialog 0.4s ease-in-out;
	-moz-animation: dialog 0.4s ease-in-out;
	-webkit-animation: dialog 0.4s ease-in-out;
	-o-animation: dialog 0.4s ease-in-out;
	opacity: 1;
}

.MR-horn .selector-show {
	animation: selectShow 0.6s ease-in-out;
	-moz-animation: selectShow 0.6s ease-in-out;
	-webkit-animation: selectShow 0.6s ease-in-out;
	-o-animation: selectShow 0.6s ease-in-out;
	opacity: 1;
}

@keyframes selectShow {
	0% {
		transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		transform: rotateX(0);
		opacity: 1;
	}
}

@-moz-keyframes selectShow {
	0% {
		-moz-transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		-moz-transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		-moz-transform: rotateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes selectShow {
	0% {
		-webkit-transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		-webkit-transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotateX(0);
		opacity: 1;
	}
}

@-o-keyframes selectShow {
	0% {
		-o-transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		-o-transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		-o-transform: rotateX(0);
		opacity: 1;
	}
}

@keyframes dialog {
	100% {
		transform: rotateX(0);
		opacity: 1;
	}

	0% {
		transform: rotateX(90deg);
		opacity: 0;
	}
}

@-moz-keyframes dialog {
	100% {
		-moz-transform: rotateX(0);
		opacity: 1;
	}

	0% {
		-moz-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-webkit-keyframes dialog {
	100% {
		-webkit-transform: rotateX(0);
		opacity: 1;
	}

	0% {
		-webkit-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-o-keyframes dialog {
	100% {
		-o-transform: rotateX(0);
		opacity: 1;
	}

	0% {
		-o-transform: rotateX(90deg);
		opacity: 0;
	}
}

@keyframes selector {
	0% {
		transform: rotateX(0);
		opacity: 1;
	}

	100% {
		transform: rotateX(90deg);
		opacity: 0;
	}
}

@-moz-keyframes selector {
	0% {
		-moz-transform: rotateX(0);
		opacity: 1;
	}

	100% {
		-moz-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-webkit-keyframes selector {
	0% {
		-webkit-transform: rotateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-o-keyframes selector {
	0% {
		-o-transform: rotateX(0);
		opacity: 1;
	}

	100% {
		-o-transform: rotateX(90deg);
		opacity: 0;
	}
}

/* 喇叭展示 */
.MR-msg-notice {
	position: absolute;
	left:0px;
	top: 0;
	padding-left: 60px;
	width:300px;
	height: 41px;
	background: #3f547c;
	z-index:99;
}

.MR-msg-notice .title {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -10px;
	width: 30px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #ffcc34;
	border-radius: 8px;
}

.MR-msg-notice .msg-content {
	position: relative;
	height: 41px;
	overflow: hidden;
}

.MR-msg-notice .msg-content .notice-horn {
	position: absolute;
	left: 0;
	top: 0;
	height: 41px;
	line-height: 41px;
	font-size: 14px;
	color: #f7dd66;
	word-break: keep-all;
}

.MR-msg-notice .msg-content .notice-horn .link {
	padding-left: 3px;
	color: #fff;
}

.MR-msg-notice .msg-content .notice-horn:hover {
	text-decoration: none;
	color: #F7F0A8;
}

.MR-msg-notice .msg-content .notice-horn:hover .link {
	color: #fff;
}

/* 礼物 */
.MR-gift {
	margin: 0 auto;
}

.MR-gift .M-arrow-scroll {
	position: relative;
}

.MR-gift .M-arrow-scroll .con {
	width: 340px;
	height: 49px;
	overflow: hidden;
	*position: relative;
	padding-top: 1px;
	margin-left: 3px;
}

.MR-gift .M-arrow-scroll .left-arrow {
	width: 10px;
	height: 29px;
	position: absolute;
	left: -15px;
	top: 11px;
	display: block;
	cursor: pointer;
}

.MR-gift .M-arrow-scroll .right-arrow {
	width: 10px;
	height: 29px;
	position: absolute;
	right: 5px;
	top: 11px;
	display: block;
	cursor: pointer;
}

.MR-gift .gift-panel .free-gift {
	width: 54px;
	height: 45px;
	cursor: pointer;
}

.MR-gift .gift-panel .gift-null,.MR-gift .gift-panel .gift,.MR-gift .gift-panel .goods,.MR-gift .gift-panel .red-packet,.MR-gift .gift-panel .links {
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 2px;
	cursor: pointer;
	background: #595868;
	border-radius: 5px;
}

.MR-gift .gift-panel .gift-null {
	cursor: auto;
}

.MR-gift .gift-package {
	position: relative;
}

.MR-gift .gift-package .count {
	position: absolute;
	left: 40px;
	top: 0;
	height: 16px;
	line-height: 16px;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	padding: 0 2px;
	background: #f33b39;
}

.MR-gift .gift-panel .no-valid .gift {
	cursor: default;
}

.MR-gift .star-no-valid {
	cursor: default;
}

.MR-gift .star-no-valid p {
	color: #999;
}

.MR-gift .gift-panel .no-valid .gift p {
	color: #999;
}

.MR-gift .gift-panel .gift-pic {
	height: 48px;
	width: 48px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.MR-gift .gift-panel .gift-lian
{
	margin-top: -22px;
	z-index: 10000;
	float: right;
	width: 18px;
	height: 18px;
	position: relative;
	display:block;
	border-radius:50%;
	border-style:solid;
	border-width:1px;
	border-color: #ffcc34;
	font-size:10px;
	line-height: 18px;
	text-align:center;
	background-color: #ffcc34;
	color: #ffffff;
}
.MR-gift .gift-panel p {
	text-align: center;
}

.MR-gift .gift-tab {
	height: 31px;
	padding-top: 5px;
	background: url('../images/dot_white_05.png') repeat-x left 26px;
}

.MR-gift .gift-tab li {
	color: #7f6b8c;
	padding: 0 12px;
	height: 31px;
	line-height: normal;
	float: left;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-right: 10px;
}

.MR-gift .gift-tab li.on {
	color: #FFF;
	background: url('../images/tab_on.png') no-repeat center 21px;
}

.MR-gift .gift-tab .dot-tip {
	border-radius: 50%;
	width: 6px;
	height: 6px;
	position: absolute;
	right: -2px;
	top: -2px;
	background: #FF0000;
	border: 1px solid #FFF;
}

.MR-gift .gift-tab .dot-new {
	width: 20px;
	height: 11px;
	position: absolute;
	right: 0;
	top: -9px;
	background: url('../images/new_icon_v2.png') no-repeat;
}



.MR-moregift .BTN-num-custom,.MR-custom-dialog .close-btn,.MR-free-gift .freegift-more .icon,.MR-free-gift .freegift-more li,.MR-star .progress,.MR-star,.MR-gift .gift-panel .is-event,.MR-gift .gift-panel .luck-mark,.MR-gift .gift-panel .is-top {
	background: url('../images/room_icon.png') no-repeat;
}

.MR-gift .gift-panel .gift-pic:hover,.MR-gift .gift-panel .gift.selected .gift-pic,.MR-gift .M-arrow-scroll .left-arrow,.MR-gift .M-arrow-scroll .right-arrow {
	background: url('../images/room_bg.png') no-repeat;
}

.MR-gift .gift-panel .is-time-limit {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/xian.png') no-repeat;
}



.MR-gift .gift-panel .luck-mark {
	width: 30px;
	height: 14px;
	position: absolute;
	left: 9px;
	top: 34px;
}

.MR-gift .gift-panel .gold-mark {
	background: url('../images/icon_gold.png') no-repeat 0 0;
}

.MR-gift .gift-panel .is-top {
	background-position: 0 -58px;
}

.MR-gift .gift-panel .is-event {
	background-position: 0 -374px;
}

.MR-gift .gift-panel .is-top,.MR-gift .gift-panel .is-event {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
}

.MR-gift .gift-panel .gift-pic:hover {
	background-position: -240px -80px;
}

.MR-gift .gift-panel .gift.selected .gift-pic {
	background-position: 0 0;
}

.MR-gift .gift-panel .gift-pic img {
	width: 38px;
	height: 38px;
	margin-top: 10%;
}

.MR-gift .lucky,.MR-gift-more .gift {
	background: url('../images/gift_icon_bg.png') no-repeat;
}

.MR-gift .gift-panel .gift-pic-blue {
	background: url('../images/gift_icon_bg.png') no-repeat;
}

.MR-gift .gift-panel .gift-pic-va {
	background: url('../images/gift_icon_bg.png') no-repeat;
}

.MR-gift .lucky {
	background-position: -14px -23px;
}

.MR-gift .lucky-on {
	background-position: -10px -94px;
}

.MR-star,.MR-gift .gift-panel .gift-pic {
	background-position: -165px -28px;
}

.MR-gift-more .gift {
	background-position: -147px -97px;
}

.MR-star .progress {
	background-position: -261px bottom;
}

.MR-gift .goods .MR-star {
	background-position: -158px -28px;
}

/* 礼物信息tips */
.MR-gift-tip {
	position: absolute;
	bottom: 52px;
	padding: 2px;
	min-height: 42px;
	cursor: auto;
}

.MR-gift-tip .tip-content {
	background: #221D20;
	padding: 5px 10px;
	line-height: 14px;
	min-height: 32px;
}

.MR-gift-tip .tip-img {
	position: absolute;
	left: 10px;
	width: 30px;
	height: 30px;
}

.MR-gift-tip .gift-tip-expire,.MR-gift-tip .gift-tip-desc,.MR-gift-tip .gift-tip-con {
	margin-left: 35px;
	max-width: 175px;
}

.MR-gift-tip .gift-tip-help,.MR-gift-tip .gift-tip-price {
	color: #D4AF2B;
	margin-left: 5px;
}

.MR-gift-tip .gift-tip-desc {
	word-break: break-all;
	white-space: pre-wrap;
}

/* 礼物底部 */
.MR-gift .gift-footer {
	margin-top: 5px;
	padding-top: 5px;
	
	position: relative;
	height: 40px;
	line-height: 40px;
	padding-left: 4px;
}
.gift-footer .MR-star {
	width: 32px;
	height: 33px;
	text-align: center;
	line-height: normal;
	position: relative;
	background-position: -200px 0;
	cursor: pointer;
}

.gift-footer .MR-star:hover {
	background-position: -240px -47px;
}


.freegift-more .star-0 .icon,.MR-star .icon {
	width: 20px;
	height: 19px;
	position: absolute;
	top: 6px;
	left: 6px;
	background: url('../images/room_bg.png') no-repeat -167px -87px;
}

.freegift-more .star-0 .icon {
	left: 5px;
}

.freegift-more .star-1 .icon,.freegift-more .star-50 .icon,.freegift-more .star-10 .icon {
	position: absolute;
	width: 15px;
	height: 24px;
}

.freegift-more .star-1 .icon {
	width: 12px;
	background-position: -200px -252px;
	left: 8px;
	top: 5px;
}

.freegift-more .star-10 .icon {
	left: 10px;
	top: 5px;
	background-position: -246px -286px;
}

.freegift-more .star-50 .icon {
	left: 8px;
	top: 5px;
	background-position: -245px -252px;
}

.MR-star .goods-pic {
	width: 24px;
	height: 24px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.MR-star .goods-pic img {
	width: 24px;
	height: 24px;
}

.MR-free-gift .MR-star .count {
	position: absolute;
	right: -4px;
	top: -4px;
	height: 18px;
	line-height: 18px;
	color: #FFF;
	background-color: #f33b39;
	text-align: center;
	border-radius: 50%;
	width: 18px;
}

.MR-free-gift .freegift-more {
	display: none;
	position: relative;
	top: -4px;
	padding-top: 4px;
	padding-left: 4px;
	width: 145px;
	height: 36px;
	border-radius: 36px;
	background: url('../images/blank_dot_06.png');
}

.MR-free-gift .freegift-more li {
	position: absolute;
	float: left;
	margin-right: 4px;
	width: 32px;
	height: 33px;
	background-position: -200px 0;
	cursor: pointer;
}

.MR-free-gift .freegift-more li.star-1 {
	left: 40px;
}

.MR-free-gift .freegift-more li.star-10 {
	left: 76px;
}

.MR-free-gift .freegift-more li.star-50 {
	right: 0;
}

.MR-free-gift .freegift-more li:hover {
	background-position: -240px -47px;
}

.freegift-more .more-btn .bg {
	display: none;
	position: absolute;
	width: 60px;
	bottom: 38px;
	left: -15px;
	padding: 2px;
	text-align: center;
	min-height: 20px;
	cursor: auto;
}

/* 点歌 */
.MR-app-item,.MR-app-item-close .icon-close,.MR-app-item-start .icon,.MR-app-item-start {
	background: url('../images/room_icon.png') no-repeat;
}

.MR-app-item-start {
	position: relative;
	width: 32px;
	height: 33px;
	text-align: center;
	line-height: normal;
	cursor: pointer;
	background-position: -200px 0;
}

.MR-app-item-start:hover {
	background-position: -240px -47px;
}

.MR-app-item-close .icon-close,.MR-app-item-start .icon {
	position: absolute;
	left: 8px;
	top: 7px;
	width: 18px;
	height: 18px;
	background-position: -245px -85px;
}

.MR-app-item {
	width: 32px;
	height: 33px;
	cursor: pointer;
	background-position: -200px 0;
}

.M-app-UI-enable:hover {
	background-position: -240px -47px;
	;
}

.MR-app-item .icon {
	display: block;
}

.MR-app-item .icon {
	margin: 0 auto;
	width: 20px;
	height: 20px;
	position: relative;
	top: 7px;
}

.MR-app-item .icon img {
	width: 30px;
	height: 30px;
}

.MR-app-item .title {
	padding-top: 5px;
	line-height: 14px;
	text-align: center;
}

.MR-app-item .title {
	display: none;
}

.MR-app-list {
	display: none;
	background: url('../images/blank_dot_06.png');
	border-radius: 30px;
	height: 36px !important;
	padding-top: 3px;
	padding-left: 4px;
}

.MR-app-list .MR-app-item {
	position: relative;
	float: left;
	margin-right: 5px;
	background-position: -200px 0;
}

.MR-app-list .MR-app-UI-open {
	background: #003399;
	cursor: default;
}

.MR-app-window {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.MR-app-box {
	padding: 4px;
	border: 1px solid #5c5c5c;
	border-radius: 4px 0 4px 4px;
}

.MR-app-title {
	position: absolute;
	right: 0;
	top: -26px;
	height: 26px;
	text-align: right;
}

.MR-app-title .title {
	display: inline-block;
	padding: 7px 58px 0 23px;
	height: 19px;
	line-height: 18px;
	border: 1px solid #5c5c5c;
	border-bottom: 0 none;
	text-align: left;
	border-radius: 4px 4px 0 0;
	color: #7f6b8c;
}

.MR-app-title .close {
	display: block;
	position: absolute;
	right: 10px;
	top: 6px;
	height: 20px;
	width: 20px;
	text-align: center;
	color: #7f6b8c;
	cursor: pointer;
}

.MR-app-title .close:hover {
	color: #8675A0;
}


.M-app-UI-enable:hover,.M-app-UI-open {
	color: #ff0087;
}

.M-app-UI-open {
	cursor: default;
}

.M-app-UI-disable {
	cursor: default;
	color: #848282;
}

.MR-app-item .icon {
	background: url('../images/app_icon_v2.png') no-repeat;
}

.MR-app-item .app-icon-song {
	background: url('../images/room_bg.png') no-repeat -87px -89px;
}

.M-app-UI-enable .app-icon-multi {
	background-position: -37px 0;
}

.M-app-UI-enable:hover .app-icon-multi,.M-app-UI-open .app-icon-multi {
	background-position: -176px 0;
}

.M-app-UI-disable .app-icon-multi {
	background-position: -315px 0;
}

.M-app-UI-enable .app-icon-vote {
	background-position: -73px 0;
}

.M-app-UI-enable:hover .app-icon-vote,.M-app-UI-open .app-icon-vote {
	background-position: -213px 0;
}

.M-app-UI-disable .app-icon-vote {
	background-position: -352px 0;
}

.MR-app-title .title,.MR-app-box,.MR-app-switch {
	background: #2f2c39;
}

.M-mic-flash-tab,.dds-mic-miniPlayer .title {
	background: url('../images/black_dot.png') left top;
}

.gift-footer .MR-app,.gift-footer .MR-free-gift {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.gift-footer .MR-app .MR-app-list {
	position: relative;
	top: -4px;
	width: auto !important;
}




.MR-gift .M-arrow-scroll .left-arrow {
	background-position: -178px -151px;
}

.MR-gift .M-arrow-scroll .left-arrow:hover {
	background-position: -178px -151px;
	opacity: 0.8;
}

.MR-gift .M-arrow-scroll .right-arrow {
	background-position: -88px -151px;
}

.MR-gift .M-arrow-scroll .right-arrow:hover {
	background-position: -88px -151px;
	opacity: 0.8;
}

.MR-gift .locked {
	cursor: default;
}


.MR-gift .gift-panel .gift.selected .gift-pic img {
	animation: heart 1s .2s ease both;
	-webkit-animation: heart 1s .2s ease both;
	-moz-animation: heart 1s .2s ease both;
}

.MR-moregift {
	position: absolute;
	width: 272px;
	height: 34px;
	right: 0;
	line-height: 34px;
}

.MR-moregift .select-box {
	position: absolute;
	bottom: 33px;
	z-index: 500;
}

.MR-moregift .select-box .select-list-con {
	overflow: hidden;
	position: relative;
}

.MR-moregift .select-box .select-list {
	position: relative;
	background: #2f2c39;
	top: 182px;
}

.MR-moregift .select-box li {
	width: 74px;
	height: 25px;
	line-height: 25px;
	border-bottom: solid 1px #373441;
	cursor: pointer;
}

.MR-moregift .select-box li:hover {
	background: #373441;
}

.MR-moregift .select-box li.custom-select {
	color: #d8b32b;
}

.MR-moregift .select-box li span {
	margin-left: 10px;
}

.MR-moregift .select-box .select-tip {
	display: none;
	position: absolute;
	top: 0;
	left: 74px;
	width: 140px;
	height: 170px;
	background: #373441;
}

.MR-moregift .send-btn,.MR-moregift .BTN-num-custom {
	display: block;
	position: absolute;
	top: 0;
	height: 34px;
	line-height: 34px;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border: none;
	text-decoration: none;
	cursor: pointer;
}

.MR-moregift .BTN-num-custom {
	left: 0;
	width: 80px;
	background-position: 0 -480px;
}

.MR-moregift .BTN-num-custom:hover {
	background-position: 0 -420px;
}

.MR-moregift .num-group {
	position: absolute;
	top: 0;
	width: 110px;
	height: 34px;
	right: 70px;
}

.MR-moregift .num-group .num-name {
	color: #7f6b8c;
}

.MR-moregift .num-group .select-group {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 34px;
	background: url('../images/room_bg.png') no-repeat 0 -280px;
}

.MR-moregift .num-group .num-input {
	position: absolute;
	color: #fff;
	top: 0;
	padding-left: 5px;
	width: 50px;
	height: 32px;
	line-height: 32px;
	background: none;
	border: none;
}

.MR-moregift .send-btn {
	width: 60px;
	right: 0;
	background: #ffcc34;
	color:#000
}

.MR-moregift .send-btn:hover {
	background: #b58906;
}

.MR-moregift .select-group .numselect-btn {
	position: absolute;
	top: 1px;
	right: 8px;
	width: 11px;
	height: 32px;
	background: url('../images/room_bg.png') no-repeat -200px -6px;
	cursor: pointer;
}

.num-confirm-btns a {
	cursor: pointer;
}

.MR-gift .gift-group {
	position: relative;	
	/*padding-right: 60px;*/
}
.MR-gift .gift-group .gift-wrap
{
	padding-top:2px;
	padding-bottom:2px;
	/*background:#373649;*/
	padding-left:20px
}
/* 头条 */
.MR-big-gift {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	display:none;
}

.MR-big-gift .out-boxer {
	background: #6b224e;
	height: 40px;
	width: 500px;
	position: absolute;
	top: -40px;
}

.MR-big-gift .high-boxer {
	position: absolute;
	top: 0;
	left: 50%;
	height: 40px;
	line-height: 40px;
	z-index: 60;
	white-space: nowrap;
}

.MR-big-gift a {
	display: block;
	height: 40px;
	color: #FFF;
	line-height: 40px;
}

.MR-big-gift a:hover {
	text-decoration: none;
}

.MR-big-gift .photoer {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	line-height: normal;
}

.MR-big-gift .photoer img {
	border-radius: 50%;
	width: 25px;
	height: 25px;
}

.MR-big-gift .desc {
	white-space: nowrap;
}

.MR-big-gift .txt {
	color: #7f6b8c;
}

.MR-big-gift .gift-num {
	color: #f7dd66;
}

.MR-big-gift .gift-pic {
	margin-top: 1px;
	line-height: normal;
}

.MR-big-gift .gift-pic img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}

.MR-big-gift .user {
	color: #c4b9f1;
	padding: 0 5px;
}

.MR-big-gift .name,.MR-big-gift .anchor {
	color: #ff5d93;
	padding: 0 5px;
}

.MR-big-gift .horn-speak {
	background: url('../images/room_bg.png') no-repeat -585px -274px;
	padding-left: 20px;
}

.MR-big-gift .horn-speak .say {
	padding-right: 10px;
}

.MR-big-gift .horn-speak .name {
	color: #f6bb41;
	padding: 0;
}

.MR-big-gift .horn-speak a {
	display: inline;
	color: #FFF;
}

.MR-big-gift .horn-speak a:hover {
	text-decoration: underline;
}



/* 右侧 */
.SR-area-info {
	width: 316px;
	float: left;
	height: 640px;
	position: relative;
	background: url('../images/dot_black_2.png');
	margin-right: 10px;
}
/* 房间统计 */
.SR-area-info .info-count {
	height: 40px;
	position: relative;
	background: #182746;
}

.MR-count {
	height: 40px;
}

.MR-count .online,.MR-count .gift {
	float: right;
	height: 40px;
	line-height: 40px;
	margin-right: 20px;
}

.MR-count .online {
	margin-right: 24px;
}

.MR-count cite {
	text-align: left;
	padding-right: 6px;
}

.MR-count .info {
	float: left;
}
/* 排行榜 */
.SR-area-info .info-rank {
	background: #26292e;
	margin-top: 10px;
	height: 226px;
}

.MR-rank {
	position: relative;
	z-index: 90;
}

.MR-rank .tab {
	height: 50px;
}

.MR-rank .thr .rank_f_avatar{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: block;
	cursor:default;
	position: absolute;
	left: 20px;
	top: 17px;
	z-index: 1;
}

.MR-rank .tab li {
	float: left;
	width:50%;
	color: #FFF;
	height: 49px;
	line-height: 49px;
	cursor: pointer;
	border-bottom:1px solid #444;
	text-align: center;
	position: relative;
}


.MR-rank .tab li .photoer {
	float: right;
	position: relative;
	padding-top: 10px;
	margin-right: 5px;
}

.MR-rank .tab li .photoer i {
	width: 18px;
	height: 17px;
	position: absolute;
	display: block;
	right: -6px;
	top: 2px;
}

.MR-rank .tab li.on {
	border-bottom: 2px solid #ffd350;
	color: #ffd350;
}

.MR-rank .tab li.on:after{
	content:" ";
    display: inline-block;
    width: 0;
    height: 0;
    border:6px solid transparent;
    border-bottom: 6px solid #ffd350;
    position: absolute;
    bottom: 0;
    left: 45%;
}

.MR-rank .tab-con {
	background: #26292e;
	position: relative;
}

.MR-rank .thr {
	height: 146px;
	position: relative;
}

.MR-rank .thr .f,.MR-rank .thr .s,.MR-rank .thr .t {
	position: absolute;
	width: 105px;
	height: 146px;
}

.MR-rank .thr .f{
	left: 105px;
}

.MR-rank .thr .t{
	right: 0px;
}

.MR-rank .thr .photo {
	width: 90%;
	margin:0 auto;
	position: relative;
	text-align: center;
	border-radius: 50%;
}

.MR-rank .thr .photo .rank_bg{
	width: 92%;
	height: auto;
	z-index: 2;
	position: relative;
	top: 6px;
}


.MR-rank .thr .photo .rank_f_avatar {
	width: 54px;
	height: 54px;
}

.MR-rank .f .photo .rank_f_avatar {
	width: 58px;
	height: 58px;
	left: 19px;
	top: 16px;
}

.MR-rank .t .photo .rank_f_avatar {
	left: 21px;
	top: 18px;

}

.MR-rank .thr .stage {
	position: absolute;
	top: 114px;
	text-align: center;
	width: 100%;
	font-size: 14px;
}

.MR-rank .thr .f .stage {
	top:120px;
}

/*.MR-rank .thr .f {
	background: url(../images/contribute1.png) center 30px no-repeat;
	background-size: 90%;
}

.MR-rank .thr .s {
	background: url(../images/contribute2.png) center 30px no-repeat;
	background-size: 80%;
}

.MR-rank .thr .t {
	background: url(../images/contribute3.png) center 30px no-repeat;
	background-size: 80%;
}*/

.MR-rank .thr .name {
	position: absolute;
	text-align: center;
	color: #000;
	width: 52px;
	white-space: nowrap;
	left: 27px;
	z-index: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.MR-rank .thr .f .name {
	top: 94px;
}

.MR-rank .thr .s .name {
	top: 84px;
}

.MR-rank .thr .t .name {
	top: 85px;
}

.MR-rank .thr .f .photo {
	top: 31px;
}

.MR-rank .thr .s .photo {
	top: 22px;
}

.MR-rank .thr .t .photo {
	top: 22px;
}

.MR-rank-more{
	height: 30px;
	line-height: 30px;
	background: url(../images/rank_more.png) no-repeat center center;
	position: relative;
}

.MR-rank .other {
	padding: 10px 13px;
	width: 290px;
	margin: 0 auto;
	height: auto;
	max-height: 190px;
	display: none;
	position: absolute;
	top: 155px;
	z-index: 3;
	background: #26292e;
}

.MR-rank .con .bottom-line {
	background: url('../images/white_dot_02.png');
	height: 3px;
	overflow: hidden;
	width: 100%;
	display:none;
}

.MR-rank .other ul li {
	cursor:default;
	width: 100%;
	float: left;
	height: 24px;
	margin-bottom: 4px;
	line-height: 24px;
}

/* .MR-rank .other ul li:hover {
	background: #4e4466;
} */

.MR-rank .con .no {
	text-align: center;
	cursor: default;
	color: #CCC;
	padding-top: 20px;
}

.MR-rank .con .no:hover {
	background: none;
}

.MR-rank .other ul li label {
	float: left;
	margin-right: 10px;
}

.MR-rank .other ul li .name {
	float: left;
	height: 24px;
	overflow: hidden;
	margin-right: 3px;
}

.MR-rank .other ul li .ICON-coins {
	float: right;
	line-height: 16px;
	margin-top: 4px;
}


.MR-rank .other .board-scroll {
	position: absolute;
	top: 13px;
	right: -17px;
	width: 3px;
}

.MR-rank .ICON-coins {
	line-height: 16px;
	display: inline-block;
	color: #f5cb2e;
	font-size: 14px;
}

.MR-rank .tab-con .tabs {
	width: 296px;
	position: relative;
	margin: 0 auto;
	font-size: 14px;
	padding-left: 20px;
	padding-top: 10px;
	background: url('../images/rank_bg.png') no-repeat -360px 0;
}

.MR-rank .tab-con .tabs span {
	float: left;
	height: 20px;
	cursor: pointer;
	line-height: 20px;
	margin-right: 20px;
}

.MR-rank .tab-con .tabs span.on {
	cursor: default;
	font-weight: bold;
	border-bottom: 3px solid #FFF;
}

.MR-rank .boards-sns ul li label {
	color: #fff;
}

.MR-rank .boards-sns ul li label.firs {
	color: #d6417c;
}

.MR-rank .other ul li .value {
	float: right;
}

.MR-rank .ICON-medal,.MR-rank .ICON-active-level-bg {
	float: left;
}

.MR-rank .ICON-active-level-bg,.MR-rank .ICON-medal {
	margin-top: 5px;
}



/*  */
.SR-area-info .info-gift {
	height: 170px;
	position: relative;
	background: url('../images/line_black.png') repeat-x 0 bottom;
}
/* 守护 */
.SR-area-info .info-guard {
	height: 305px;
	position: relative;
	background: url('../images/line_black.png') repeat-x 0 bottom;
}

.MR-guard-container .white-btn {
	color: #FFF;
	cursor: pointer;
	background: #645991;
	border-radius: 3px;
}

.MR-guard-container .white-btn:hover {
	background: #7468a6;
}

.MR-guard-container .disable-btn,.MR-guard-container .disable-btn:hover {
	color: #999;
	background-color: #888;
	cursor: default;
}

.MR-guard-container {
	position: relative;
	padding: 9px 15px 15px;
}

.MR-guard-top-line {
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.MR-guard-container .top-container,.MR-guard-container .top-container .title,.MR-guard-container .top-container .count {
	height: 25px;
}

.MR-guard-container .top-container {
	padding: 3px 0 4px;
	position: relative;
	background: url('../images/line.png') repeat-x 0 bottom;
}

.MR-guard-container .top-container .title,.MR-guard-container .top-container .count {
	float: left;
	line-height: 25px;
	padding-right: 5px;
}

.MR-guard-container .top-container .title {
	font-size: 14px;
}

.MR-guard-container .top-container .count {
	line-height: 29px;
	color: #999;
	font-size: 10px;
	overflow: hidden;
}

.MR-guard-container .top-container .btn-l,.MR-guard-container .top-container .btn-r {
	position: absolute;
	top: 5px;
	width: 14px;
	height: 14px;
	line-height: 13px;
	text-align: center;
}

.MR-guard-container .top-container .btn-l {
	right: 18px;
}

.MR-guard-container .top-container .btn-r {
	right: 0;
}

.MR-guard-container .list-container {
	height: 240px;
}

.MR-guard-container .list-container {
	position: relative;
	padding-top: 10px;
	overflow: hidden;
}

.MR-guard-container .scroller {
	position: absolute;
	right: 3px;
	top: 48px;
}

.MR-guard-container .list-inner .page .item {
	float: left;
	position: relative;
	margin: 0 8px;
	width: 55px;
	height: 80px;
}

.MR-guard-container .list-inner .page .item .pic,.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .name,.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .off-line {
	display: block;
	width: 50px;
	margin: 0 auto;
}

.MR-guard-container .list-inner .page .item .pic,.MR-guard-container .list-inner .page .item .pic img,.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .off-line {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .off-line {
	position: absolute;
	display: none;
	left: 50%;
	top: 0;
	margin-left: -25px;
	text-align: center;
	background: url('../images/blank_dot_05.png');
}

.MR-guard-container .list-inner .page .item .name {
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	color: #c4b9f1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.MR-guard-container .list-inner .page .item .name:hover {
	text-decoration: underline;
}

.MR-guard-container .list-inner .page .item .icon,.MR-guard-container .list-inner .page .item img {
	height: 16px;
	width: 16px;
}

.MR-guard-container .list-inner .page .item .icon {
	position: absolute;
	right: 0;
	top: 0;
}

.MR-guard-container .list-inner .page .item .off-line {
	display: block;
}

.MR-guard-container .list-inner .page .item .limit {
	display:none;
	padding: 5px 0;
	height: 40px;
	line-height: 20px;
}
.MR-guard-container .list-inner .page .item .limit i{
	color:#F00;
}

.MR-guard-container .list-inner .page .item-empty {
	background: url('../images/guard_item_bg.png') no-repeat center 0;
}

.MR-guard-container .list-inner .page .item-self .name {
	color: #f5cb39;
}


/* 购买守护按钮 */
.MR-guard-container .bottom-container {
	position: absolute;
	width: 60px;
	height: 22px;
	top: 10px;
	right: 15px;
}

.MR-guard-container .bottom-container .buy {
	display: block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	background: #eb3d77;
}

.MR-guard-container .bottom-container .buy:hover {
	background: #ef4d83;
}
/* 购买守护 */
.MR-guard-buy-dialog {
	height: 350px;
}

.MR-guard-buy-dialog .top {
	padding: 0 20px;
}

.MR-guard-buy-dialog .title {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
}

.MR-guard-buy-dialog .title .hl {
	padding-left: 22px;
	color: #d6417d;
	font-size: 12px;
}

.MR-guard-buy-dialog .info {
	position: relative;
	padding-left: 81px;
	height: 94px;
	border-bottom: 1px solid #333;
}

.MR-guard-buy-dialog .info .icon {
	position: absolute;
	left: 0;
	top: 14px;
	width: 60px;
	height: 60px;
}

.MR-guard-buy-dialog .info .info-title {
	padding-top: 8px;
	height: 24px;
	line-height: 24px;
}

.MR-guard-buy-dialog .info .info-text {
	line-height: 24px;
	color: #666;
}

.MR-guard-buy-dialog .info .info-text .link {
	padding-left: 3px;
	color: #999;
	text-decoration: underline;
}

.MR-guard-buy-dialog .info .info-text .link:hover {
	color: #fff;
}

.MR-guard-buy-dialog .select-line {
	position: relative;
	padding-left: 60px;
	margin-top: 10px;
	height: 20px;
	color: #999;
}

.MR-guard-buy-dialog .select-line .label {
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	line-height: 20px;
	color: #666;
}

.MR-guard-buy-dialog .select-line .select-option {
	float: left;
	position: relative;
	margin-right: 10px;
	width: 60px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #333;
	cursor: pointer;
}

.MR-guard-buy-dialog .select-line .select-option:hover {
	color: #c4b9f1;
	border: 1px solid #333;
}

.MR-guard-buy-dialog .select-line .s-cur {
	border: 1px solid #645991;
	color: #c4b9f1;
	cursor: default;
}

.MR-guard-buy-dialog .select-line .s-cur:hover {
	border: 1px solid #645991;
	color: #c4b9f1;
}

.MR-guard-buy-dialog .select-line .on-discount {
	padding-right: 25px;
}

.MR-guard-buy-dialog .select-line .on-discount .discount {
	position: absolute;
	right: 0;
	top: -2px;
	width: 25px;
	height: 29px;
}

.MR-guard-buy-dialog .select-line .select-month {
	position: relative;
	width: 60px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border: 1px solid #645991;
}

.MR-guard-buy-dialog .select-line .select-month .value {
	position: relative;
	display: block;
	padding-right: 5px;
	height: 18px;
	color: #c4b9f1;
	z-index: 1;
}

.MR-guard-buy-dialog .select-line .select-month .open {
	height: 19px;
}

.MR-guard-buy-dialog .select-line .select-month .m-options {
	display: none;
	position: absolute;
	left: -1px;
	top: 18px;
	width: 210px;
	border: 1px solid #645991;
}

.MR-guard-buy-dialog .select-line .select-month .m-options .item {
	float: left;
	height: 24px;
	line-height: 24px;
	width: 35px;
	cursor: pointer;
}

.MR-guard-buy-dialog .select-line .select-month .m-options .item:hover {
	color: #c4b9f1;
	background: #444;
}

.MR-guard-buy-dialog .select-line .select-month .m-options .m-cur,.MR-guard-buy-dialog .select-line .select-month .m-options .m-cur:hover {
	color: #FFF;
	background: transparent;
	cursor: default;
}

.MR-guard-buy-dialog .select-line .price {
	color: #d6417d;
}

.MR-guard-buy-dialog .bottom {
	margin-top: 25px;
	padding: 13px 0;
	background: #3b3845;
}

.MR-guard-buy-dialog .bottom .btn-buy {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	background: #645991;
	cursor: pointer;
}

.MR-guard-buy-dialog .bottom .btn-buy:hover {
	background: #7468a6;
}

.MR-guard-buy-dialog .info-m .icon {
	background: url('../images/guard_icon_m_bg.png') no-repeat 0 0;
}

.MR-guard-buy-dialog .info-y .icon {
	background: url('../images/guard_icon_y_bg.png') no-repeat 0 0;
}

.MR-guard-buy-dialog .select-line .select-month .value {
	background: url('../images/guard_d_arr.png') no-repeat 51px center #2f2c39;
}

.MR-guard-buy-dialog .select-line .select-month .m-options {
	background: #2f2c39;
}

.buykeeperbg{
	height:100%;
}
.buykeeper{
	width: 370px; 
	height: auto; 
	left: 50%; 
	top: 50%;
	margin-top:-190px;
	margin-left:-185px;
	display: none;
}

/* 播放窗口 */
.channel-player-v2{
	width:100%;
	height:100%;
}
#playerzmblbkjP_wrapper{
	width:100%;
	height:100%;
}

/* 在线用户 */

.MR-online {
	width: 100%;
	margin-top: 10px;
	background: #26292e;
}

.MR-online h4 {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.MR-online .dialog {
	width: 100%;
}

.MR-online .dialog .nav-tab {
	height: 49px;
	border-bottom: 1px solid #444;
}

.MR-online .dialog .nav-tab cite {
	padding: 0 4px;
}

.MR-online .dialog .nav-tab li {
	float: left;
	width: 120px;
	height: 48px;
	cursor: pointer;
	line-height: 48px;
	font-size: 12px;
	text-align: center;
	color: #CCC;
	border-bottom: 2px solid #241b20;

}

.MR-online .dialog .nav-tab li.on {
	background: none;
	color: #ffcc34;
	border-bottom: 2px solid #ffcc34;
}

.MR-online .dialog .nav-tab li span {
	padding-left: 6px;
}

.MR-online .dialog .nav-con {
	padding-top: 10px;
	position: relative;
}

.MR-chat .user_list_bottom{
	height: 10px;
}

/*.MR-online .dialog .more-toggle {
	width: 205px;
	height: 14px;
	cursor: pointer;
	margin: 0 auto;
	background: url('../images/icon_bg.png') no-repeat;
}*/

/*.MR-online .dialog .more-toggle {
	background-position: -204px -182px;
}

.MR-online .dialog .more-toggle:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}*/

/*.MR-online .dialog .MR-chat .boarder {
	min-height: 440px;
}*/

/*.MR-online .dialog .MR-chat .scroller {
	top: 4px;
	right: -4px;
}*/

.MR-online .dialog .nav-con .MR-chat .boarder ul li {
	cursor: pointer;
	width: 93%;
	height: 45px;
	color: #7fe3ed;
	white-space: nowrap;
	background: linear-gradient(90deg, #202226 20%, #25282d 60%);
	margin-top: 10px;
	margin-left: 5%;
	border-radius: 23px;
	padding-left: 1%;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_avatar{
	float: left;
	width: 45px;
	height: 45px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_avatar img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_info{
	float: left;
	margin-left: 10px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_info .user_id{
	color: #9d9d9e;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li.noble {
	color: #fe9ac7
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li.anchor,.MR-online .dialog .nav-con .MR-chat .boarder ul li.no {
	color: #FFF;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li span {
	font-size: 12px;
	margin-right: 5px;
	display: block;
	float: left;

}
.MR-online .dialog .nav-con .MR-chat .boarder ul li span.name{
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .photo img {
	width: 30px;
	height: 30px;
	border: 1px solid #3e4a52;
	float: left;
	border-radius: 15px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .ICON-noble-level {
	margin-top: 6px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .ICON-anchor-level {
	margin-top: 6px;
}

/* 分享 */
.ICON-online,.ICON-gift,.ICON-share,.ICON-weibo,.ICON-qq,.ICON-zone,.ICON-change,.ICON-edit,.ICON-copy,.ICON-lock-screen,.ICON-scroll-screen {
	background: url(../images/icon_bg.png) no-repeat;
	display: block;
}
.ICON-weibo {
	width: 26px;
	height: 20px;
	background-position: -286px -6px;
}

.ICON-qq {
	width: 26px;
	height: 20px;
	background-position: -334px -6px;
}

.ICON-zone {
	width: 26px;
	height: 20px;
	background-position: -391px -6px;
}
.MR-share {
	position: absolute;
	float: none;
	width: auto;
	padding: 0;
	top: -75px;
}

.MR-share .M-bubble {
	position: relative;
	left: auto;
}

.MR-share cite {
	text-align: center;
	display: block;
}

.MR-share .ICON-share {
	margin: 0 auto;
}

.MR-share:hover cite {
	color: #e4007f;
}

.MR-share:hover .ICON-share {
	background-position: -103px -40px;
}

.MR-share .detail {
	width: 135px;
}

.MR-share .detail a {
	float: left;
	width: 45px;
  margin-left: 16px;
}

.MR-share i {
	margin: 0 auto;
}

.MR-share label {
	display: block;
	text-align: center;
	color: #0099cc;
}

.MR-share .detail a:hover {
	text-decoration: none;
}

.MR-share .detail a:hover label {
	text-decoration: none;
	color: #ec0053;
}

.MR-share .detail a:hover .ICON-weibo {
	background-position: -286px -50px;
}

.MR-share .detail a:hover .ICON-qq {
	background-position: -334px -50px;
}

.MR-share .detail a:hover .ICON-zone {
	background-position: -391px -50px;
}

.MR-share .M-bubble .arrow-left {
	background: url(../images/room_bg2.png) no-repeat -40px -460px;
	width: 7px;
	height: 13px;
}

.MR-share .M-bubble {
	background: #FFF;
}

.MR-share .M-bubble .detail {
	height: 168px;
}
.MR-share .M-bubble .detail .qr{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.MR-share .M-bubble .detail img{
	max-width:100px;
	max-height:120px;
}
.MR-chat .boarder ul li.anchor .yanjing
{
	font-size: 12px;
	float: right;
	line-height: 30px;
	height:20px;
	width:20px;
}
.MR-chat .boarder ul li.anchor .xinxi
{
	height:34px;
	width:95%;
	color:#fff;
  display: block;
	margin-left:3px;
}
.MR-chat .boarder ul li.anchor .yanjing .yanjing_img
{
	height: 12px;
	width:20px;
	background: url(/public/home/images/yanjing.png) no-repeat;
	background-size:100%;
	margin-top: 10px;
}
.MR-chat .boarder ul li.anchor .xinxi:hover
{
	/* border-style:solid;
	border-width:1px;
	border-color:#3b6aa4; */
	margin-left:-1px;
	opacity:0.5; 
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}
/*用户列表弹出层*/
.popup
{
	right: auto;
	background: url('../images/white_dot_02.png') 0 0;
	cursor: default;
	position: absolute;
	right: -119px;
	top: 25px;
	padding: 5px;
	width: 257px;
	font-size: 12px;
	right: auto;
	left: 55px;
}
.popupOwn
{
	right: auto;
	background: url('../images/white_dot_02.png') 0 0;
	cursor: default;
	position: absolute;
	right: -119px;
	top: 25px;
	padding: 5px;
	width: 157px;
	font-size: 12px;
	right: 10px;
}
.popupOwn .pop_contentOwn
{
	background: #4c6187;
	padding: 0 10px;
	height: 30px;
	text-align:center;
	line-height:30px
}
.popup .pop_content
{
	background: #4c6187;
	padding: 0 10px;
	height: 70px;
	width:92%
}
.popup_img
{
	float: left;
	margin-top: 10px;
}
.popup_img img
{
	width: 50px;	
	height: 50px;	
	border-radius: 50%;
}
.popup .pop_content .handle
{
	width: 73%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.popup .pop_content .handle span
{
	width: 55px;
	display: block;
	float: left;
	text-align: center;
	cursor:pointer;
	color:#ffcc34;
	margin-bottom:7px;
}
.popup .pop_content .handle span:hover
{
	color:#ffa700
}
.layui-layer-dialog
{
	color:#000;
}
.system_a
{
	color:#f9963e;
	cursor:default;
	text-decoration:none;
}
.system_name
{
	color:#7e5596;
	cursor:default;
	text-decoration:none;
}
.system_name:hover
{
	color:#7e5596;
	cursor:default;
	text-decoration:none;
}
.system_a:hover
{
	cursor:default;
	text-decoration:none;
}
.identity
{
	color:#ffcc34;
	text-decoration:none;
}
.identity:hover
{
	color:#ce9a00;
	text-decoration:none;
	cursor:pointer
}
.report
{
	color:#fff;
	text-decoration:none;
	cursor:pointer
}
.report:hover
{
	text-decoration:none;
	cursor:pointer
}
/*礼物效果*/
.player-main
{
	/* position: absolute;
	float: left;
	width: 868px;
	top: 0;
	bottom: 0;
	overflow: hidden */
}
.hjPopbox {
	display: none;
	position: absolute;
	left: 10px;
	height: 25%;
	bottom: 70px;
	width: 240px;
	z-index: 100;
	overflow: hidden
}

.hjPopbox .color_0 {
	color: #efba35
}

.hjPopbox .color_1 {
	color: #e88260
}

.hjPopbox .color_2 {
	color: #dd787c
}

.hjPopbox .color_3 {
	color: #9a6dbf
}

.hjPopbox .color_4 {
	color: #c667bb
}

.hjPopbox .color_5 {
	color: #7587dd
}

.hjPopbox .color_6 {
	color: #31afae
}

.hjPopbox .color_7 {
	color: #cb9d20
}

.hjPopbox .color_8 {
	color: #d5802d
}

.hjPopbox .color_9 {
	color: #4ab685
}

.hjPopbox .color_10 {
	color: #e06a83
}

.hjPopbox .hj_showArea .bgcolor_0 {
	background-color: rgba(100,174,100,0.4)
}

.hjPopbox .hj_showArea .bgcolor_1 {
	background-color: rgba(232,130,96,0.4)
}

.hjPopbox .hj_showArea .bgcolor_2 {
	background-color: rgba(221,120,124,0.4)
}

.hjPopbox .hj_showArea .bgcolor_3 {
	background-color: rgba(154,109,191,0.4)
}

.hjPopbox .hj_showArea .bgcolor_4 {
	background-color: rgba(198,103,187,0.4)
}

.hjPopbox .hj_showArea .bgcolor_5 {
	background-color: rgba(117,135,221,0.4)
}

.hjPopbox .hj_showArea .bgcolor_6 {
	background-color: rgba(49,175,174,0.4)
}

.hjPopbox .hj_showArea .bgcolor_7 {
	background-color: rgba(203,157,32,0.4)
}

.hjPopbox .hj_showArea .bgcolor_8 {
	background-color: rgba(213,128,45,0.4)
}

.hjPopbox .hj_showArea .bgcolor_9 {
	background-color: rgba(74,182,133,0.4)
}

.hjPopbox .hj_showArea .bgcolor_10 {
	background-color: rgba(224,106,131,0.4)
}

.hjPopbox .hj_showArea {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.hjPopbox .hj_showArea ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0
}

.hjPopbox .hj_showArea li {
	list-style: none;
	display: table;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms
}

.hjPopbox .hj_showArea li span:first-child {
	display: inline-block;
	float: left
}

.hjPopbox .hj_showArea li span:last-child {
	display: inline-block
}

.hjPopbox .hj_tip {
	position: absolute;
	width: 90px;
	color: #fff;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	background-color: #123;
	left: 0;
	bottom: 0;
	text-align: center;
	border-radius: 10px;
	display: none
}

.hjPopbox .hj_showArea .type_notice span:first-child {
	color: #bf1d1d
}

.hjPopbox .hj_showArea .type_msg span:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

.hjPopbox .hj_showArea .type_follow {
	color: #1daeff
}

.hjPopbox .hj_showArea .type_gift {
	color: #1daeff
}

.hjPopbox .hj_showArea .type_gift .icon-gift {
	display: none;
	float: right;
	width: 17px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: -3px -4px;
	background-size: 23px 23px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 4px
}
.hjPopGift {
	position: absolute
}

.hjPopGift.hjPopGift_small {
	opacity: 0;
	font-size: 12px;
	padding: 0 50px 0 40px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 20px;
	 left: -120px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: opacity,left;
	transition-property: opacity,left;
	z-index: 998
}

.hjPopGift.hjPopGift_small.first {
	top: 220px
}

.hjPopGift.hjPopGift_small.last {
	top: 290px
}

.hjPopGift.hjPopGift_small.first.active,.hjPopGift.hjPopGift_small.last.active {
	left: 60%;
	opacity: 1
}

.hjPopGift.hjPopGift_small .icon-avatar {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	border-radius: 20px;
	border: 1px solid #fff;
	box-sizing: border-box
}

.hjPopGift.hjPopGift_small .nickname {
	height: 20px;
	line-height: 20px;
	color: #fff;
	width:100px;/*要显示文字的宽度*/
overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */

}

.hjPopGift.hjPopGift_small .giftname {
	height: 15px;
	line-height: 15px;
	color: #1daeff
}

.hjPopGift.hjPopGift_small .icon-gift {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	border-radius: 20px
}

.hjPopGift.hjPopGift_small .giftNum {
	position: absolute;
	right: -30px;
	top: -10px;
	font-size: 20px;
	color: #1fbcf8;
	text-shadow: 0 0 1px white
}

.hjPopGift.hjPopGift_small .giftNum.active {
	-webkit-animation: giftNum 100ms ease-in-out 0s;
	animation: giftNum 100ms ease-in-out 0s
}

.hjPopGift.hjPopGift_big {
	display: block;
	position: absolute;
	width: 100%;
	right: -100%;
	bottom: 50%;
	z-index: 300;
	-webkit-transform: scale(0.2);
	transform: scale(0.2);
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.hjPopGift.hjPopGift_big img {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 0;
	max-width: 85%;
	max-height:200px;
}

.hjPopGift.hjPopGift_big .giftMsg {
	text-align: center;
	color: blue;
	text-shadow: 0 0 3px #fff;
	width: 100%
}

.hjPopGift.hjPopGift_big.active {
	right: 0;
	bottom: -50%;
	opacity: 1;
	height:50px;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.hjPopGift.hjPopGift_big.out {
	opacity: 0;
	right: 300%;
	bottom: -300%;
	height:50px;
	-webkit-transform: scale(0.2);
	transform: scale(0.2)
}

@-webkit-keyframes bigGift {
	0% {
		opacity: 0;
		right: -100%;
		bottom: 100%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}

	15% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	85% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	92% {
		opacity: 1;
		right: 200%;
		bottom: -1px;
		-webkit-transform: scale(0.1);
		transform: scale(0.1)
	}

	100% {
		opacity: 0;
		right: 300%;
		bottom: -200%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}
}

@keyframes bigGift {
	0% {
		opacity: 0;
		right: -100%;
		bottom: 100%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}

	15% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	85% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	92% {
		opacity: 1;
		right: 200%;
		bottom: -1px;
		-webkit-transform: scale(0.1);
		transform: scale(0.1)
	}

	100% {
		opacity: 0;
		right: 300%;
		bottom: -200%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}
}

@-webkit-keyframes giftNum {
	0% {
		-webkit-transform: scale(4);
		transform: scale(4)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes giftNum {
	0% {
		-webkit-transform: scale(4);
		transform: scale(4)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

/*点亮样式*/
#player-praises {
	width: 72px;
	height: 337px;
	position: absolute;
	bottom: 105px;
	right: 5px
}

#player-praises .bubble {
	width: 100%;
	height: 280px;
	position: relative
}

#player-praises svg {
	position: absolute
}

#player-praises .praises {
	position: relative;
	top: -15px;
	display: block;
	overflow: hidden;
	padding: 15px
}

#player-praises .praises span {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: block;
	background: #ffcc34 url(http://p4.qhimg.com/t01f30af2fc87f8c5c2.png) no-repeat;
	opacity:0.6;
}

#player-praises .praises:hover span {
	background-color: #c39303
}

#player-praises .praises:active span {
	background-color: #c39303
}
.layui-layer-setwin
{
	display:none
}
.layui-layer-btn1
{
	display:none
}
.popup .pop_content .handle .name
{
	margin-bottom: 2px;
  margin-top: -2px;
  margin-left: 4px;
}
.popup .pop_content .handle .name a
{
	margin-left: 5px;
  color: #fad64e;
}
.popup .pop_content .handle .name a:hover
{
	color: #fad64e;
	text-decoration:none;
}
/*主播页面选择弹窗显示*/
.emceeno_mount
{
  /* height:344px; */
}
.dds-dialog-bg
{
    width:100%;
    height:200%;
    z-index:201;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    opacity: 0.4;
    background:#000;
    text-align:center;
    color:#fff;
    position: fixed;
    margin-top:-200px;
    display: none;
}
.selectPlay{
    width: 400px;
    display: none;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px 8px 8px 8px;
    position: fixed;
	margin-top:10%
}
.selectPlay .dialog-tc
{
	width: 100%;
	overflow:hidden
}
.selectPlay .dialog-tc .rotate
{
  width:12px;
  height:12px;
  overflow:hidden;
  position:absolute;
  cursor:pointer;
  right:8px;
  top:8px;
  background-position:-48px -4px;
  background-image:url(../images/dialog_bg_icon.png);
  display:block;
}
.selectPlay .dialog-tc span:hover
{
    background-image:url(../images/dialog_bg_icon.png);
    background-position:-70px -4px;
}
.mount-method
{
	cursor:default;
	margin: 0 auto;
	width:90%;
	overflow:hidden
}
.mount-method a
{
	display: block;
  width: 78px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 9px;
}
.dialog-tc .mode
{
	color: #000;
  text-align: center;
  font-size: 15px;
  height: 30px;
  border-radius: 8px 8px 0px 0px;
  background: #fdce4a;
}
.dialog-tc .mode a
{
	font-size: 15px;
  height: 30px;
  display: block;
  float: left;
  margin-left: 33%;
  line-height: 35px;
}
.dialog-tc .mode a:hover
{
	text-decoration:none;
	color:#000;
}
.mount-method a:hover
{
	text-decoration:none;
	cursor:pointer;
	color:#ffd14a;
	border:1x solid #ffd14a;
}
.mount_btn_no
{
	text-align:center;
	border: 1px solid #EAEAEA;
}
.mount_btn_on
{
	color:#ffd14a;
	text-align:center;
	border:2px solid #ffd14a;
}
.mount_title{
	width: 90%;
	margin: 0 auto;
	height:30px;
	line-height:30px;
	color:#000;
}
.mount_num
{
	width: 90%;
	margin: 0 auto;
	overflow:hidden;
	margin-top: 10px;
	display:none;
}
.mount_num span
{
	color: #000;
	float: left;
	font-size: 13px;
	text-align: center;
	margin-top: 8px;
}
.mount_num input
{
	box-sizing: border-box;
	text-align: center;
	font-size: 1.4em;
	height: 1.8em;
	border-radius: 4px;
	border: 1px solid #c8cccf;
	color: #6a6f77;
	-web-kit-appearance: none;
	-moz-appearance: none;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 96%;
}

.mount_num select
{
	box-sizing: border-box;
	text-align: center;
	font-size: 1.4em;
	height: 1.8em;
	border-radius: 4px;
	border: 1px solid #c8cccf;
	color: #6a6f77;
	-web-kit-appearance: none;
	-moz-appearance: none;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 96%;
}
.dialog-tc .deal-footer
{
	width: 90%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 15px;
}
.dialog-tc .deal-footer .mount_cancel
{
	margin-left: 16px;
  background: #949494;
}
.dialog-tc .deal-footer a
{
	float: left;
  height: 30px;
  padding: 0 11px;
  background: #fdce4a;
  border-radius: 4px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
	width:37%;
}
/*点亮样式结束*/
/*滚动条*/
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}
.guanbi{
	vertical-align: middle;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}
.identity{
	float: left;
    height: 25px;
    padding: 0 11px;
    background: #fc4e53;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-decoration:none;

}

/*改版新加*/
.SR-anchor-info{
	height: 155px;
	background: #26292e;
	padding:15px 10px;
}
.SR-anchor-info-avatar{
	width: 60px;
	height: 60px;
	float: left;
	position: relative;
}
.SR-anchor-info-avatar .anchor_avatar{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #FFF;
}

.SR-anchor-info-avatar .anchor_grade{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 25px;
}
.SR-anchor-info-right{
	float: left;
	margin-left:20px;
}
.SR-anchor-info-nicename{
	height: 30px;
	line-height: 20px;
	color: #FFF;
	font-size: 16px;
}
.SR-anchor-info-fans{
	height: 27px;
	line-height: 27px;
}
.follow_status{
	width: 75px;
	display: block;
	float: left;
	background: #ffd350;
	text-align: center;
	color: #000;
	font-size: 14px;
	border-radius: 15px 0 0 15px;
}

.fans_num{
	width: 135px;
	display: block;
	float: left;
	background: #000;
	text-align: center;
	font-size: 14px;
	border-radius:0 15px 15px 0;
}

.SR-anchor-info-bottom{
	height: 53px;
	border-top: 1px solid #444;
	margin-top: 20px;
	padding-top: 12px;
}
.SR-anchor-info-bottom p{
	color: #b3b4b4;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.anchor_follow_num,.anchor_comein{
	margin-left: 15px;
	font-size: 14px;
}

.share_area{
	position: absolute;
	width: 400px;
	height: 150px;
	top: 40px;
	right: 0;
	background: #FFF;
	z-index: 10;
	border-top: 2px solid #F5CB2E;
	display: none;

}

.share_area:before{
	content:" ";
    display: inline-block;
    width: 0;
    height: 0;
    border:7px solid transparent;
    border-bottom: 5px solid #ffd350;
    position: absolute;
    top: -13px;
    right: 38px;

}

.share_area_left{
	width:230px;
	padding:15px;
}
.share_area_left p{
	color: #000;
	text-align: center;
}
.share_icon_list{
	text-align: center;
}
.share_icon_list img{
	margin-left: 50px;
	float: left;
	margin-top: 10px;
}
.share_url{
	height: 20px;
	line-height: 20px;
	border: 1px solid #CCC;
	margin-top: 10px;
	width: 100%;
	padding:0 5px;
}
.share_copy_btn{
	float: right;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: #f2e10b;
	text-align: center;
	margin-top: 5px;
	border-radius: 5px;
	margin-right: -5px;
}
.share_area_right{
	width: 100px;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #CCC;
}

.share_area_right p{
	color: #000;
	text-align: center;
}

.clearboth{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
